/* Sovalu – design tokeny (v0.2, 13. 11. 2026)
   Výchozí = tmavý režim. Denní režim: <html data-theme="light"> (články).
   Extra tmavý noční režim: <html data-theme="night"> (automaticky 22–6 h, pokud si uživatel nezvolil světlý).
   Kontrasty ověřeny výpočtem WCAG 2.1 – viz brand-manual.md, kap. 6.5.
   Písma se NEnačítají z Google Fonts (GDPR, blokující CSS z cizí domény): hostují se lokálně
   (src/fonts/*.woff2 + fonts.css, jen latin + latin-ext, bez kurzívy). Bez souborů platí systémová záložní písma. */

:root {
  color-scheme: dark;

  /* ---------- Noc (výchozí) ---------- */
  --color-bg:            #0E1230; /* půlnoční indigo */
  --color-surface:       #181D45; /* karty, přehrávač */
  --color-surface-2:     #232A5A; /* hover, vnořené plochy */
  --color-text:          #EDE6D6; /* měsíční krémová 14.71:1 na bg */
  --color-text-muted:    #B9B0A0; /* 8.52:1 na bg */
  --color-accent:        #F2B35E; /* jantar (svíčka) 9.92:1 na bg – odkazy, CTA, sova */
  --color-on-accent:     #0E1230; /* text na jantarovém tlačítku 9.92:1 */
  --color-ember:         #E8875A; /* žhavý uhlík – sekundární akcent 7.01:1 na bg */
  --color-border:        #5A5F8F; /* dekorativní okraje 3.02:1 na bg */
  --color-border-strong: #7A80B8; /* okraje ovládacích prvků: 4.31:1 na surface, 3.62:1 na surface-2, 4.88:1 na bg (WCAG 1.4.11) */
  --color-focus:         #F2B35E;
  --color-ai-badge-bg:   #232A5A;
  --color-ai-badge-text: #EDE6D6;
  /* Logo v4 (sova Lů opřená o srpek měsíce): obličej zůstává světlý ve všech režimech */
  --logo-body: #464E86; --logo-belly: #6670B0; --logo-wing: #555E9A; --logo-face: #F6EFE3; --logo-eye: #2A2F57; --logo-beak: #E9A24C; --logo-moon: #E9A24C; --logo-lu: #E9A24C;

  /* ---------- Barvy linek (obálky, štítky; ne pro běžný text) ---------- */
  --line-mimi:        #E9C9B5; /* miminka – broskvová */
  --line-pohadky:     #F2B35E; /* děti 3–5 – jantar */
  --line-serie:       #E8875A; /* děti 6–8 – uhlík */
  --line-pribehy:     #C9B6E4; /* dospělí příběhy – levandule */
  --line-nuda:        #A9C2A0; /* naučné usínání, zatím i děti 9–12 – šalvěj */
  --line-vzpominky:   #D8C08E; /* vzpomínky (Vyprávěj mi, babi) – sépiová */
  --line-na-prani:    #F4D88A; /* na přání – hvězdná žlutá */

  /* ---------- Typografie ---------- */
  --font-display: "Literata", "Noto Serif", Georgia, serif;   /* nadpisy, názvy příběhů, logo */
  --font-text:    "Manrope", "Noto Sans", system-ui, sans-serif; /* UI, odstavce na webu */
  --font-reading: "Literata", "Noto Serif", Georgia, serif;   /* dlouhé čtení článků (volitelně) */

  --fs-xs: 0.8125rem;  /* 13 px – jen metadata, nikdy hlavní text */
  --fs-sm: 0.9375rem;  /* 15 px */
  --fs-base: 1.0625rem;/* 17 px – základ */
  --fs-lg: 1.25rem;
  --fs-xl: 1.625rem;
  --fs-2xl: 2.125rem;
  --fs-3xl: clamp(1.75rem, 6vw, 3.25rem);
  --lh-tight: 1.2;
  --lh-text: 1.6;
  --lh-reading: 1.75;
  --measure: 66ch;     /* max. šířka odstavce */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---------- Prostor, tvary, pohyb ---------- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --gutter: 16px;
  --target-min: 48px;  /* min. velikost ovládacích prvků (struktura-ux.md 4.1) */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;   /* stejné zaoblení jako logo */
  --radius-pill: 999px;
  --shadow-soft: 0 6px 24px rgba(5, 7, 20, 0.45);
  --ease-calm: cubic-bezier(0.33, 0, 0.2, 1);
  --dur-calm: 400ms;   /* žádné rychlé ani blikající animace */
  --icon-stroke: 1.75px;
}

/* ---------- Den (světlý režim pro čtení článků) ---------- */
:root[data-theme="light"] {
  color-scheme: light;
  --color-bg:            #FBF6EC; /* papír */
  --color-surface:       #F2EADA;
  --color-surface-2:     #E8DECB;
  --color-text:          #1E2140; /* 14.48:1 na bg */
  --color-text-muted:    #565A78; /* 6.23:1 na bg */
  --color-accent:        #8F4A10; /* jantar ztmavený pro text/odkazy 6.18:1 */
  --color-accent-fill:   #E9A24C; /* plocha tlačítka */
  --color-on-accent:     #1E2140; /* 7.23:1 na accent-fill */
  --color-ember:         #A4461F;
  --color-border:        #8C8571; /* dekorativní okraje 3.42:1 na bg */
  --color-border-strong: #7A735F; /* okraje ovládacích prvků: 3.95:1 na surface, 3.54:1 na surface-2 */
  --color-focus:         #8F4A10;
  --color-ai-badge-bg:   #E8DECB;
  --color-ai-badge-text: #1E2140;
  --shadow-soft: 0 6px 24px rgba(30, 33, 64, 0.10);
  --logo-body: #2A2F57; --logo-belly: #4A5290; --logo-wing: #1C2044; --logo-face: #F6EFE3; --logo-eye: #2A2F57; --logo-beak: #D9862F; --logo-moon: #E9A24C; --logo-lu: #A65706;
}

/* ---------- Noc (extra tma, 22–6 h) ---------- */
:root[data-theme="night"] {
  --color-bg:            #05060F;
  --color-surface:       #0D0F22;
  --color-surface-2:     #14173A;
  --color-text:          #CFC5B2; /* 11.82:1 na bg, 11.08:1 na surface */
  --color-text-muted:    #9A917F; /* 6.48:1 na bg, 6.07:1 na surface */
  --color-accent:        #C98545; /* tlumený jantar 6.66:1 na bg, 6.25:1 na surface */
  --color-on-accent:     #05060F; /* 6.66:1 */
  --color-ember:         #C98545;
  --color-border:        #3A3E66;
  --color-border-strong: #666A98; /* 3.68:1 na surface, 3.36:1 na surface-2 */
  --color-focus:         #C98545;
  --color-ai-badge-bg:   #14173A;
  --color-ai-badge-text: #CFC5B2;
  --logo-body: #3A4175; --logo-belly: #4A5290; --logo-wing: #464E86; --logo-face: #CFC5B2; --logo-eye: #05060F; --logo-beak: #B0623F; --logo-moon: #C98545; --logo-lu: #C98545;
}

/* Respekt k nastavení uživatele */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-calm: 0ms; }
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-text);
  font-size: var(--fs-base);
  line-height: var(--lh-text);
}