/* ============================================================================
   Dědictví – sdílená vrstva návrhových tokenů (design tokens).

   JEDINÝ ZDROJ PRAVDY pro barvy, rádiusy, stíny a časování. Načítá se v adminu
   i na frontendu. Ostatní styly (admin skin i frontend komponenty) na tyto
   proměnné jen navazují přes var(--ded-*) / var(--ded-fe-*).

   Dvě palety záměrně:
   - Admin "--ded-*"   = chladné šedé (Apple-ish), použité v admin skinu.
   - Frontend "--ded-fe-*" = teplé "earth" tóny, použité na veřejných stránkách.
   Sdílená je značková červená a focus-ring (frontend je aliasuje na admin).
   ========================================================================== */

:root {
  /* --- Admin paleta (chladné šedé) ------------------------------------- */
  --ded-red: #c1553d;
  --ded-red-dark: #a3462f;
  --ded-red-soft: rgba(193, 85, 61, 0.08);
  --ded-red-ring: rgba(193, 85, 61, 0.18);
  --ded-focus: 0 0 0 3px var(--ded-red-ring);
  --ded-red-bg: #fdf4f1;
  /* Historické odstíny červené (centralizováno, hodnoty zachovány).
     Kandidáti na pozdější sloučení s --ded-red / --ded-red-dark. */
  --ded-rust: #b35a2f;             /* rezavý akcent v komisi/jednání */
  --ded-red-emph: #a04030;         /* zvýraznění/chybové stavy v jednání */
  --ded-red-alt: #c34e35;          /* varianta značkové (formulář/semafor) */
  --ded-fe-raft-accent: #b85c3c;   /* akcent navázaný na téma (raft-accent) */
  --ded-gold: #c89b3d;
  --ded-green: #6b8e4e;
  --ded-blue: #3d6b8e;
  --ded-warn: #d97706;
  --ded-error: #dc2626;
  /* Stavova svetla pozadi (k --ded-green/-warn/-error/-blue) - sjednoceno z mnoha odstinu */
  --ded-green-bg: #e8f0e0;
  --ded-warn-bg: #fff8e1;
  --ded-error-bg: #fbe3d4;
  --ded-blue-bg: #e6f0fa;

  --ded-ink: #1d1d1f;
  --ded-ink-soft: #3c3c43;
  --ded-text: #2c2c2e;
  --ded-muted: #86868b;
  --ded-muted-soft: #a7a7ad;

  --ded-border: #e5e5e7;
  --ded-border-soft: #f0f0f2;
  --ded-border-strong: #d1d1d6;

  --ded-bg: #fafafa;
  --ded-bg-subtle: #f5f5f7;
  --ded-surface: #ffffff;

  --ded-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --ded-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --ded-shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --ded-shadow-lg: 0 10px 24px rgba(0,0,0,0.10);

  --ded-radius-sm: 6px;
  --ded-radius: 8px;
  --ded-radius-lg: 12px;
  --ded-radius-xl: 16px;
  --ded-radius-pill: 999px;

  --ded-duration: 0.15s;
  --ded-ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Frontend "earth" paleta (teplé tóny) ---------------------------- */
  --ded-fe-ink: #2c2c2c;
  --ded-fe-ink-soft: #5a5550;
  --ded-fe-bg: #f5f5f0;
  --ded-fe-white: #fff;
  --ded-fe-muted: #8a857d;
  --ded-fe-muted-strong: #6e6862;
  --ded-fe-border: #ddd8d0;
  --ded-fe-border-strong: #c8c2b6;
  --ded-fe-border-light: #e8e5df;
  --ded-fe-red: var(--ded-red);              /* #c1553d – shodné s adminem */
  --ded-fe-red-light: #f5e8e4;
  --ded-fe-red-hover: #a84530;
  --ded-fe-accent2: #c47a5a;
  --ded-fe-accent2-light: #f5ece6;
  --ded-fe-green: var(--ded-green);          /* #6b8e4e */
  --ded-fe-green-light: #e8f0e0;
  --ded-fe-input-bg: #faf8f4;
  --ded-fe-focus-ring: var(--ded-red-ring);  /* rgba(193,85,61,0.18) */

  --ded-fe-radius: 10px;
  --ded-fe-radius-lg: 16px;
  --ded-fe-radius-pill: 999px;
  --ded-fe-shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --ded-fe-shadow-md: 0 4px 16px rgba(0,0,0,0.06);
  --ded-fe-shadow-lg: 0 12px 36px rgba(0,0,0,0.1);
}