/* Color & UI Tokens v1.0 | sRGB | Logo System v1.0 locked */
:root {
  --palette-forest: #0F3D2E;
  --palette-terracotta: #A64F2B;
  --palette-steppe: #C9A274;
  --palette-graphite: #1F2937;
  --palette-mist: #F7F8F5;
  --palette-glacier: #CADEEF;
  --palette-sage: #D9E3DB;
  --palette-white: #FFFFFF;
  /* Identita a navigace. */
  --brand-primary: var(--palette-forest);
  /* Sekundární krajinný akcent. */
  --brand-accent: var(--palette-steppe);
  /* Pozadí hlavního CTA. */
  --action-primary: var(--palette-terracotta);
  /* Odvozený odstín při najetí ukazatele. */
  --action-primary-hover: #8F3F21;
  /* Odvozený odstín po dobu stisku. */
  --action-primary-pressed: #78351C;
  /* Pozadí při focusu se nemění; přidává se samostatný obrys. */
  --action-primary-focus: var(--action-primary);
  /* Neaktivní pozadí, bez globální opacity. */
  --action-primary-disabled: #E2E6E2;
  /* Bílý text a ikona aktivního primary buttonu. */
  --action-primary-foreground: var(--palette-white);
  /* Čitelný text neaktivního tlačítka. */
  --action-primary-foreground-disabled: var(--text-disabled);
  /* 1px hranice Terracotta tlačítka na Forest/Graphite. */
  --action-primary-border-inverse: var(--palette-white);
  /* Text a obrys sekundární akce na světlé ploše. */
  --action-secondary: var(--palette-forest);
  /* Textový odkaz na světlé ploše; vždy podtržený. */
  --action-link: var(--palette-forest);
  /* Podtržený odkaz na tmavé ploše. */
  --action-link-inverse: var(--palette-white);
  /* Hlavní text na page/card/info/nature/accent. */
  --text-primary: var(--palette-graphite);
  /* Vedlejší text na page/card/info/nature. */
  --text-secondary: #4A5753;
  /* Pomocný text a placeholder na page/card/info/nature. */
  --text-muted: #56615A;
  /* Hlavní text na Forest nebo Graphite. */
  --text-inverse: var(--palette-white);
  /* Vedlejší text na Forest nebo Graphite. */
  --text-inverse-secondary: var(--palette-sage);
  /* Pouze neaktivní text na action.primary.disabled. */
  --text-disabled: #59645E;
  /* Hlavní světlé pozadí. */
  --surface-page: var(--palette-mist);
  /* Karta a vstupní pole. */
  --surface-card: var(--palette-white);
  /* Informační plocha; sama neznamená funkční status. */
  --surface-info: var(--palette-glacier);
  /* Přírodní plocha; sama neznamená úspěch. */
  --surface-nature: var(--palette-sage);
  /* Navigace a tmavý brand kontext. */
  --surface-inverse: var(--palette-forest);
  /* Krajinný akcent. Text Graphite/Forest; pole a CTA umístit na bílou kartu. */
  --surface-accent: var(--palette-steppe);
  /* Jemné dekorativní dělení; ne jediná hranice ovládacího prvku. */
  --border-default: #D5DED6;
  /* Funkční hranice polí na page/card/info/nature, kontrast ≥3:1. */
  --border-strong: #65766B;
  /* Alias obrysu focusu pro světlý kontext. */
  --border-focus: var(--focus-ring-light);
  /* Alias obrysu focusu pro tmavý kontext. */
  --border-focus-inverse: var(--focus-ring-dark);
  /* Hranice neutrálních prvků na Forest/Graphite. */
  --border-inverse: var(--palette-sage);
  /* Významové ikony na světlých plochách včetně Steppe. */
  --icon-default: var(--palette-graphite);
  /* Aktivní ikony na page/card/info/nature; další stavový znak je nutný. */
  --icon-active: var(--palette-terracotta);
  /* Významové ikony na tmavých plochách. */
  --icon-inverse: var(--palette-white);
  /* 3px vnější obrys na světlé ploše. */
  --focus-ring-light: var(--palette-forest);
  /* 3px vnější obrys na tmavé ploše. */
  --focus-ring-dark: var(--palette-white);
  /* Šířka viditelného focus obrysu. */
  --focus-width: 3px;
  /* Mezera mezi prvkem a focus obrysem. */
  --focus-offset: 2px;
  /* Volné místo okolo prvku, aby focus nebyl oříznutý. */
  --focus-clearance: 6px;
  /* Úspěch: text, čitelný název stavu. */
  --status-success-foreground: #256343;
  /* Úspěch: vlastní světlá podkladová plocha. */
  --status-success-surface: #E8F3EB;
  /* Úspěch: viditelná hranice. */
  --status-success-border: var(--status-success-foreground);
  /* Úspěch: symbol check-circle; vždy doplnit textem. */
  --status-success-icon: var(--status-success-foreground);
  /* Upozornění: text, čitelný název stavu. */
  --status-warning-foreground: #805500;
  /* Upozornění: vlastní světlá podkladová plocha. */
  --status-warning-surface: #FFF3D6;
  /* Upozornění: viditelná hranice. */
  --status-warning-border: var(--status-warning-foreground);
  /* Upozornění: symbol triangle-exclamation; vždy doplnit textem. */
  --status-warning-icon: var(--status-warning-foreground);
  /* Chyba: text, čitelný název stavu. */
  --status-error-foreground: #A83832;
  /* Chyba: vlastní světlá podkladová plocha. */
  --status-error-surface: #FAE9E7;
  /* Chyba: viditelná hranice. */
  --status-error-border: var(--status-error-foreground);
  /* Chyba: symbol circle-cross; vždy doplnit textem. */
  --status-error-icon: var(--status-error-foreground);
  /* Informace: text, čitelný název stavu. */
  --status-info-foreground: #245B86;
  /* Informace: vlastní světlá podkladová plocha. */
  --status-info-surface: #E8F2FA;
  /* Informace: viditelná hranice. */
  --status-info-border: var(--status-info-foreground);
  /* Informace: symbol circle-info; vždy doplnit textem. */
  --status-info-icon: var(--status-info-foreground);
  /* Výška běžného ovládání. */
  --control-height: 48px;
  /* Hustý desktop; pro dotyk zvětšit hit area nejméně na 44px. */
  --control-height-compact: 40px;
  /* Interní ergonomické minimum dotykové plochy. */
  --control-touchTarget: 44px;
  /* Střídmé zaoblení tlačítka a pole. */
  --radius-control: 8px;
  /* Zaoblení karty. */
  --radius-card: 14px;
  /* Vodorovné vnitřní odsazení tlačítka. */
  --button-padding-inline: 20px;
  /* Mezera mezi ikonou a popiskem. */
  --button-gap: 8px;
  /* Popisky ovládání. */
  --font-size-ui: 14px;
  /* Běžný text. */
  --font-size-body: 16px;
  /* Noto Sans SemiBold pro tlačítka. */
  --font-weight-button: 600;
  /* Noto Sans s cyrilicí a latinkou. */
  --font-family: "Noto Sans UI", "Noto Sans", system-ui, sans-serif;
}