/* ==========================================================================
   TOKENS — barvy, stíny, breakpointy
   Tady se mění celá vizuální identita. Nikde jinde nepiš barvu natvrdo.
   ========================================================================== */

:root{
  /* --- světlý režim (výchozí) --- */
  --ground:#EDEBE4;      /* pozadí stránky — teplý kámen */
  --surface:#F7F5F0;     /* pozadí prokládaných sekcí (.band.alt) */
  --panel:#FFFFFF;       /* inputy, karty */
  --ink:#1C2023;         /* hlavní text */
  --ink-2:#4B504E;       /* sekundární text, odstavce */
  --muted:#7E827A;       /* popisky, poznámky */
  --line:#D8D3C7;        /* linky a rámečky */
  --line-soft:#E4DFD4;   /* jemné předěly sekcí */
  --oak:#A9722F;         /* AKCENT — dub. Používat střídmě. */
  --oak-soft:#E6D5BC;
  --wood-hi:#D8A76B;   /* horní hrana, světlo shora */
  --wood:#C08A4E;      /* líc lamely */
  --wood-lo:#8C5F2A;   /* spodní hrana */
  --wood-gap:#6B4A26;  /* spára */

  /* --- scéna hero animace ---
     Zůstává světlá i v tmavém režimu: mix-blend-mode: multiply na tmavém
     podkladu by kuchyň úplně schoval. Je to záměrný "produktový lightbox". */
  --stage:#F4F2ED;
  --stage-ink:#1C2023;
  --stage-muted:#7A776E;
  --stage-line:#DEDACF;

  --shadow:0 1px 2px rgba(28,32,35,.05), 0 12px 40px -18px rgba(28,32,35,.28);
}

/* --- tmavý režim podle nastavení systému --- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#141719;
    --surface:#1A1E20;
    --panel:#202527;
    --ink:#E9E6DE;
    --ink-2:#AFB4AC;
    --muted:#8A8F87;
    --line:#2D3336;
    --line-soft:#242A2C;
    --oak:#D09B5C;
    --oak-soft:#4A3A26;
    --wood-hi:#C79760; --wood:#A97740; --wood-lo:#6E4A21; --wood-gap:#241A10;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 18px 50px -20px rgba(0,0,0,.7);
  }
}

/* --- tmavý režim vynucený atributem (přepíná JS / hosting) --- */
:root[data-theme="dark"]{
  --ground:#141719;
  --surface:#1A1E20;
  --panel:#202527;
  --ink:#E9E6DE;
  --ink-2:#AFB4AC;
  --muted:#8A8F87;
  --line:#2D3336;
  --line-soft:#242A2C;
  --oak:#D09B5C;
  --oak-soft:#4A3A26;
  --wood-hi:#C79760; --wood:#A97740; --wood-lo:#6E4A21; --wood-gap:#241A10;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 18px 50px -20px rgba(0,0,0,.7);
}