/* ============================================================================
   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-*).

   Značková červená vychází z vizuálního stylu (loga): sytá #A81521.
   Neutrály jsou chladné šedé (blízké #EFEFEF z loga), teplé „earth" tóny byly
   ztlumeny k šedé. Stavové barvy (zelená/zlatá/modrá/varování/chyba) zůstávají
   funkční. Frontend „--ded-fe-*" aliasuje značkovou červenou a focus-ring.
   ========================================================================== */

:root {
  /* --- Značková červená (z loga #A81521) ------------------------------- */
  --ded-red: #a81521;
  --ded-red-dark: #8c111b;
  --ded-red-soft: rgba(168, 21, 33, 0.08);
  --ded-red-ring: rgba(168, 21, 33, 0.18);
  --ded-focus: 0 0 0 3px var(--ded-red-ring);
  --ded-red-bg: #fbecec;
  /* Historické odstíny červené (sladěné se značkovou #A81521). */
  --ded-rust: #8c1520;             /* dříve rezavý akcent v komisi/jednání */
  --ded-red-emph: #8c111b;         /* zvýraznění/chybové stavy v jednání */
  --ded-red-alt: #b81f2b;          /* světlejší varianta značkové */
  --ded-fe-raft-accent: #a81521;   /* akcent navázaný na téma (sladěn se značkou) */
  --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 paleta (chladné neutrály blízké #EFEFEF z loga) -------- */
  --ded-fe-ink: #232323;
  --ded-fe-ink-soft: #55555b;
  --ded-fe-bg: #f3f3f3;
  --ded-fe-white: #fff;
  --ded-fe-muted: #86868b;
  --ded-fe-muted-strong: #5f5f66;
  --ded-fe-border: #dcdce0;
  --ded-fe-border-strong: #c4c4ca;
  --ded-fe-border-light: #ececef;
  --ded-fe-red: var(--ded-red);              /* #A81521 – shodné s adminem */
  --ded-fe-red-light: #fbeaec;
  --ded-fe-red-hover: #8c111b;
  --ded-fe-accent2: #7a7a80;                 /* dříve teplá tan, nyní chladná šedá */
  --ded-fe-accent2-light: #ececef;
  --ded-fe-green: var(--ded-green);          /* #6b8e4e */
  --ded-fe-green-light: #e8f0e0;
  --ded-fe-input-bg: #f7f7f8;
  --ded-fe-focus-ring: var(--ded-red-ring);  /* rgba(168,21,33,0.18) */

  /* --- Formuláře: ladicí kolečka pro šablonu ---------------------------
     Formuláře jsou nástroj, ne stránka: rozvržení, průvodce i chybové
     stavy zůstávají v pluginu. Šablona je přebarví tím, že přepíše tyto
     proměnné (viz docs/vzhled.md, oddíl Formuláře). Žádné jiné hodnoty
     už soubory formulářů natvrdo neobsahují. */
  --ded-fe-radius-btn: var(--ded-fe-radius-pill);  /* tvar tlačítek; štítky a pilulky si pill drží samy */
  --ded-fe-obal: 1100px;                     /* šířka obsahu formulářů a portálů */
  --ded-fe-surface-alt: #f2f2f4;             /* klidná plocha (tlačítko zpět, hover) */
  --ded-fe-surface-alt-hover: #e7e7ea;
  --ded-fe-line-quiet: #d4d4d8;              /* spojnice kroků, ticho v liště */
  --ded-fe-placeholder: #b7b7bd;
  --ded-fe-overlay: rgba(35, 35, 35, 0.55);  /* pozadí modálů a průvodce */
  --ded-fe-overlay-strong: rgba(35, 35, 35, 0.72);
  --ded-fe-shadow-modal: 0 12px 36px rgba(0, 0, 0, 0.18);
  /* Stavy: hotovo, čeká, chyba, sdělení. Nesou informaci, ne značku, takže
     se od značkové červené schválně odlišují — kromě chyby, u které je
     červená správně. */
  --ded-fe-ok: var(--ded-green);
  --ded-fe-ok-bg: var(--ded-green-bg);
  --ded-fe-ok-line: #b7d4b8;
  --ded-fe-ok-ink: #0f6e56;
  --ded-fe-warn: var(--ded-warn);
  --ded-fe-warn-bg: var(--ded-warn-bg);
  --ded-fe-warn-line: #e6c87a;
  --ded-fe-warn-ink: #6b4c00;
  --ded-fe-warn-ink-strong: #5a4510;
  --ded-fe-err: var(--ded-error);
  --ded-fe-err-bg: #fdecec;
  --ded-fe-err-line: #f0c0c0;
  --ded-fe-err-ink: var(--ded-red-dark);
  /* Agenda mistrů rukodělné výroby. Odlišuje druhý seznam od dědictví,
     takže nese informaci a šablona ji může přeladit. */
  --ded-fe-mistr: #5e1da8;
  --ded-fe-mistr-bg: #f3ecff;
  --ded-fe-mistr-line: #8a3ffc;
  /* Koláž: text leží na fotce, takže potřebuje vlastní zastření.
     Není to barva značky, ale čitelnost. */
  --ded-fe-kolaz-stin-plny: rgba(12, 12, 14, 0.88);
  --ded-fe-kolaz-stin-stred: rgba(12, 12, 14, 0.36);
  --ded-fe-kolaz-stin-kraj: rgba(12, 12, 14, 0.04);
  /* Mapa: stíny značek a clona okolí kraje. Leží nad dlaždicemi, takže
     nejdou vyjádřit plochou barvou webu. */
  --ded-fe-mapa-stin: rgba(0, 0, 0, 0.25);
  --ded-fe-mapa-stin-slaby: rgba(0, 0, 0, 0.14);
  --ded-fe-mapa-stin-vlas: rgba(0, 0, 0, 0.05);
  --ded-fe-mapa-clona: rgba(255, 255, 255, 0.9);
  --ded-fe-mapa-clona-slaba: rgba(255, 255, 255, 0.3);
  --ded-fe-popisek-bg: #2c2c2c;              /* bublina popisku nad mapou */
  /* Ladicí konzole editoru mapy. Tmavá schválně: je to nástroj pro vývoj,
     ne část webu. */
  --ded-fe-konzole-bg: #1e1e1e;
  --ded-fe-konzole-nadpis: #ffa657;
  --ded-fe-konzole-ok: #9eecb8;
  --ded-fe-konzole-duraz: #ffd9a8;
  --ded-fe-info: #2d6a9f;
  --ded-fe-info-bg: #e6eef5;
  --ded-fe-info-line: #85b7eb;
  --ded-fe-info-ink: #1d4a70;
  /* Štítky kroků průvodce: rozlišují etapu, ne značku. */
  --ded-fe-krok-b-bg: var(--ded-fe-accent2-light);
  --ded-fe-krok-b-ink: #55555b;
  --ded-fe-krok-c-bg: #ececef;
  --ded-fe-krok-c-ink: #3f3f45;
  --ded-fe-krok-d-bg: #e6eef5;
  --ded-fe-krok-d-ink: #2d6a9f;

  /* Veřejné písmo: Open Sans dodává šablona webu (lokální @font-face) */
  --ded-fe-font: 'Open Sans', system-ui, sans-serif;

  --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);
}

/* ---------------------------------------------------------------------------
   Šablona webu „Inventář" — záložní vrstva veřejných stránek pluginu.
   Použije se jen tam, kde se o vzhled nehlásí žádné téma. Barvy drží
   značkový manuál: červená na akci, šedá na ztlumené pásy, černá na text.
   --------------------------------------------------------------------------- */
:root {
  --ded-w-ink: #000000;          /* text */
  --ded-w-soft: #4a4a4a;         /* doprovodný text */
  --ded-w-mut: #7d7d7d;          /* poznámky, počty */
  --ded-w-line: #e2e2e2;         /* vlasové linky, které dělí sekce */
  --ded-w-band: #efefef;         /* jediné ztlumené pozadí; jinak bílá */
  --ded-w-red: var(--ded-red);   /* barva akce */
  --ded-w-red-tm: #7e0f18;
  --ded-w-obal: 1200px;
  --ded-w-rez: 15px;             /* jeden úhel šikmého řezu pro celou šablonu */
}