@charset "utf-8";
/*
 * Design tokens – based on Edithor 306 (v2.css), accent = Klempokom red.
 * Theme: html.motiv-system follows the OS, .motiv-svetly / .motiv-tmavy force it.
 * Every colour is light-dark(light, dark), driven by color-scheme.
 */

:root {
  color-scheme: light dark;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --meritko: 1;
  --fs: calc(13px * var(--meritko));
  --fs-sm: calc(12px * var(--meritko));
  --fs-xs: calc(11px * var(--meritko));
  --fs-h1: calc(20px * var(--meritko));
  --fs-h2: calc(15px * var(--meritko));
  --fs-h3: calc(13px * var(--meritko));

  --znacka: #cc182c;
  --znacka-svetla: #eb303a;
  --znacka-seda: #a9aaa6;

  --bg: light-dark(#ffffff, #1b1b1c);
  --field: light-dark(rgba(17, 17, 26, .05), rgba(255, 255, 255, .06));
  --panel: light-dark(#ffffff, #252526);
  --panel-2: light-dark(#fafafb, #2b2b2c);
  --hover: light-dark(rgba(17, 17, 26, .045), rgba(255, 255, 255, .055));
  --active: light-dark(rgba(17, 17, 26, .075), rgba(255, 255, 255, .09));
  --line: light-dark(#e9e9ed, #343436);
  --line-2: light-dark(#dadade, #444447);
  --text: light-dark(#1b1b1f, #f2f2f3);
  --text-2: light-dark(#5a5a66, #b6b6bc);
  --text-3: light-dark(#8e8e99, #85858d);

  --accent: light-dark(#cc182c, #eb303a);
  --accent-2: light-dark(#a91424, #ff4d55);
  --accent-soft: light-dark(rgba(204, 24, 44, .08), rgba(235, 48, 58, .16));
  --accent-text: light-dark(#b8162a, #ff6b72);
  --na-accentu: #ffffff;

  --ok: #14ae5c;
  --ok-soft: light-dark(rgba(20, 174, 92, .12), rgba(20, 174, 92, .18));
  --ok-text: light-dark(#0d8a48, #3fd286);
  --warn: #e8a200;
  --warn-soft: light-dark(rgba(232, 162, 0, .14), rgba(232, 162, 0, .18));
  --warn-text: light-dark(#a06d00, #ffc443);
  --danger: #f24822;
  --danger-soft: light-dark(rgba(242, 72, 34, .1), rgba(242, 72, 34, .18));
  --danger-text: light-dark(#d33a17, #ff7a5c);
  --info: #0d99ff;
  --info-soft: light-dark(rgba(13, 153, 255, .1), rgba(13, 153, 255, .18));
  --info-text: light-dark(#0a7fd6, #4db5ff);
  --violet: #9747ff;
  --violet-soft: light-dark(rgba(151, 71, 255, .12), rgba(151, 71, 255, .2));

  --ink: #1e1e1e;

  --r-sm: 6px;
  --r: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  --shadow-1: light-dark(0 1px 2px rgba(16, 16, 24, .05), 0 1px 2px rgba(0, 0, 0, .3));
  --shadow-2: light-dark(0 1px 2px rgba(16, 16, 24, .04), 0 1px 2px rgba(0, 0, 0, .3)), light-dark(0 4px 14px rgba(16, 16, 24, .06), 0 6px 18px rgba(0, 0, 0, .25));
  --shadow-pop: 0 0 0 1px rgba(0, 0, 0, .06), 0 12px 32px rgba(16, 16, 24, .18), 0 2px 6px rgba(16, 16, 24, .08);
  --focus: 0 0 0 3px light-dark(rgba(204, 24, 44, .2), rgba(235, 48, 58, .3));

  --sb-w: 240px;
  --sb-w-sbaleny: 56px;
  --tb-h: 48px;
  --mobil-lista-h: 60px;
  --obsah-max: none;
  --easing: cubic-bezier(.2, .8, .2, 1);
}

html.motiv-svetly { color-scheme: light; }
html.motiv-tmavy { color-scheme: dark; }

/* Vzhled: font size and content width (per user, see Core\View\Vzhled) */
html.pismo-12 { --meritko: calc(12 / 13); }
html.pismo-14 { --meritko: calc(14 / 13); }
html.sirka-box { --obsah-max: 1200px; }