/* Design tokeny Fajn rolety — jediný zdroj barev, písma, mezer a tvarů (docs/DESIGN_SYSTEM.md, oddíl 10.1).
   Kontrasty ověřuje tests/frontend/test_contrast.py. Tmavý režim v 1. verzi není. */
:root {
  /* Barvy — značka */
  --color-brand: #00A9FF;            /* identita: akcenty, linky, ikony; NE pro bílý drobný text */
  --color-brand-strong: #0074B8;     /* tlačítka s bílým textem, odkazy, focus (5,0:1 na bílé) */
  --color-brand-strong-hover: #005E96;
  --color-brand-ink: #0B4F7A;        /* text na světle modrém výběru */

  /* Barvy — plochy a text */
  --color-surface: #FFFFFF;
  --color-surface-soft: #F5F8FB;     /* jemné pozadí sekcí a administrace */
  --color-surface-select: #EAF7FF;   /* zvýraznění výběru */
  --color-surface-warm: #F7F3EC;     /* vzhled Domov */
  --color-night: #0B3A5E;            /* vzhled Vánoční */
  --color-text-strong: #102A43;      /* hlavní text, nadpisy */
  --color-text: #334E68;             /* běžný text */
  --color-text-muted: #52667A;       /* vedlejší text (≥ 4,5:1 i na #F5F8FB) */
  --color-line: #D9E2EC;             /* oddělovače — ne jako jediný indikátor ovládacího prvku */
  --color-border-control: #7B8794;   /* rámeček polí (3,7:1) */

  /* Stavy — vždy barva + text/ikona */
  --color-success: #1D6B3F;
  --color-success-bg: #E7F5EC;
  --color-warning: #7A4D00;
  --color-warning-bg: #FFF4CE;
  --color-danger: #B42318;
  --color-danger-bg: #FDECEA;
  --color-danger-hover: #8F1C13;
  --color-info: #0B4F7A;
  --color-info-bg: #EAF7FF;

  /* Typografie */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: 0.8125rem;   /* 13 px — jen popisky v tabulkách */
  --font-size-sm: 0.875rem;    /* 14 px */
  --font-size-md: 1rem;        /* 16 px — běžný text */
  --font-size-lg: 1.125rem;    /* 18 px */
  --font-size-xl: 1.25rem;     /* 20 px */
  --font-size-2xl: 1.5rem;     /* 24 px */
  --font-size-3xl: 2rem;       /* 32 px */
  --font-size-4xl: 2.5rem;     /* 40 px */
  --line-height-body: 1.55;
  --line-height-tight: 1.2;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Mezery — škála po 8 px (+ 4 px pro jemné doladění) */
  --space-1: 0.25rem;  /* 4 */
  --space-2: 0.5rem;   /* 8 */
  --space-3: 0.75rem;  /* 12 */
  --space-4: 1rem;     /* 16 */
  --space-5: 1.5rem;   /* 24 */
  --space-6: 2rem;     /* 32 */
  --space-7: 3rem;     /* 48 */
  --space-8: 4rem;     /* 64 */

  /* Tvary a stíny */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(16, 42, 67, 0.06), 0 1px 3px rgba(16, 42, 67, 0.08);
  --shadow-md: 0 2px 6px rgba(16, 42, 67, 0.06), 0 8px 24px rgba(16, 42, 67, 0.08);
  --focus-ring: 0 0 0 3px #FFFFFF, 0 0 0 5px var(--color-brand-strong);

  /* Rozložení */
  --content-width: 1200px;
  --tap-target: 44px;
  --sidebar-width: 248px;
}