/* Design tokeny (handoff nemovitosti-ai-v5, README "Design tokens"). Svetly rezim je vychozi. */
:root,
:root[data-rezim="svetly"] {
  color-scheme: light;
  --bg: #f6f8fa;
  --panel: #ffffff;
  --panel-2: #eff2f7;
  --line: #e1e6ef;
  --line-2: #ccd5e2;
  --ink: #151d2b;
  --ink-2: #576274;
  --ink-3: #8a94a5;
  --accent: #1f4d76;
  --accent-text: #1f4d76;
  --accent-ink: #ffffff;
  --accent-soft: #e7eef5;
  --shadow: 0 1px 2px rgba(17, 26, 42, .05), 0 18px 40px -18px rgba(17, 26, 42, .20);
  --shadow-sm: 0 1px 2px rgba(17, 26, 42, .07);

  /* Pevne barvy (stejne v obou rezimech) */
  --lista-bg: #1f4d76;
  --live: #3fa66a;
  --ok-bg: #e2efe8;
  --ok-ink: #2f6b58;
  --ne-bg: #f6e9e0;
  --ne-ink: #a2543a;
  --warn-ink: #a2543a;

  --font-nadpis: Figtree, sans-serif;
  --font-text: 'Instrument Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

/* Responzivni promenne, desktop (od 768 px). Zamerne ve vlastnim pravidle s vahou jen :root,
   aby je media query nize prebila v obou rezimech (selektor s [data-rezim] ma vyssi specificitu). */
:root {
  --header-h: 66px;
  --header-gap: 24px;
  --pad-x: 32px;
  --logo-w: 218px;
  --signin: inline;
  --btn-pad: 9px 18px;
  --lang-pad: 6px 8px;
  --hero-pad: 76px 32px 88px;
  --hero-cols: minmax(0, 1.75fr) minmax(260px, .7fr);
  --hero-gap: 44px;
  --h1: 50px;
  --lede: 18px;
  --aside-mt: 8px;
  --kbd-hint: inline;
  --sec-pad: 76px 32px;
  --sec-cols: .9fr 1.1fr;
  --sec-gap: 64px;
  --h2: 34px;
  --region-cols: repeat(4, 1fr);
  --data-cols: repeat(3, 1fr);
  --res-cols: 1fr 1fr;
  --chat-pad: 36px 32px 40px;
  --watch-dir: row;
  --watch-align: center;
  --watch-btn: auto;
  --watch-links: flex-start;
  --foot-pad: 44px 32px;
  --overlay-pos: fixed;
  --eq-h: 78px;
  --overlay-h: 22px;
}

:root[data-rezim="tmavy"] {
  color-scheme: dark;
  --bg: #101520;
  --panel: #171d29;
  --panel-2: #1e2532;
  --line: #2a3242;
  --line-2: #3a4457;
  --ink: #eff2f7;
  --ink-2: #9ba6b8;
  --ink-3: #6c7787;
  --accent: #4f8fcc;
  --accent-text: #8ec0ea;
  --accent-ink: #0b1017;
  --accent-soft: #1b2735;
  --shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 20px 44px -20px rgba(0, 0, 0, .7);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
  /* Splnene a nesplnene podminky v tmavem rezimu */
  --ok-bg: #1d3a30;
  --ok-ink: #7fcfae;
  --ne-bg: #3d2a1f;
  --ne-ink: #e8a283;
  --warn-ink: #d79c78;
}

/* Mobil: puvodni [data-om-view="mobile"] z prototypu */
@media (max-width: 767.98px) {
  :root {
    --header-h: 56px;
    --header-gap: 8px;
    --pad-x: 16px;
    --logo-w: 112px;
    --signin: none;
    --btn-pad: 8px 12px;
    --lang-pad: 5px 4px;
    --hero-pad: 26px 16px 36px;
    --hero-cols: 1fr;
    --hero-gap: 34px;
    --h1: 30px;
    --lede: 16px;
    --aside-mt: 0;
    --kbd-hint: none;
    --sec-pad: 40px 16px;
    --sec-cols: 1fr;
    --sec-gap: 28px;
    --h2: 26px;
    --region-cols: repeat(2, 1fr);
    --data-cols: 1fr;
    --res-cols: 1fr;
    --chat-pad: 20px 16px 24px;
    --watch-dir: column;
    --watch-align: stretch;
    --watch-btn: 100%;
    --watch-links: space-between;
    --foot-pad: 32px 16px;
    --overlay-pos: absolute;
    --eq-h: 56px;
    --overlay-h: 19px;
  }
}