/* ==========================================================================
   Náskok od Noční dílny: design tokeny (D-naskok-DS-02, Eva, 2026-09-27)
   Navazuje na tokens.css platformy (../../nocnidilna/design/tokens.css), načítá se AŽ PO NĚM.
   Platforma dává mřížku, rozestupy, písmo textu (Source Sans 3), stavové barvy a režimy.
   Tady Náskok přidává: písmo nadpisů (Bricolage Grotesque), tónované neutrální barvy v tmavém
   režimu, doplňkové odstíny k #0A5C55, akcent „zvýrazňovač“, tvary, stíny a pohyb.

   Barvy mají ověřený kontrast AA: nastroje/kontrast.py (tabulka ve vizualni-jazyk.md, 3.3).
   Když barvu změníte tady, změňte ji i ve skriptu a spusťte ho znovu.

   KOPIE pro aplikaci (D-naskok-DS-06a, 2026-09-27) z TheTeam/workspace/dev/naskok/design/tokens-naskok.css.
   Změna proti zdroji: selektor [data-produkt="naskok"] -> :root (aplikace je jen Náskok, <html lang="cs"> bez atributu).
   Režim podle systému (color-scheme: light dark v tokens.css).
   Písma jen z ./pisma/ (SIL OFL 1.1). Žádná cizí doména.
   ========================================================================== */

/* ---------- Písmo nadpisů: Bricolage Grotesque 700, optická velikost 48 (SIL OFL 1.1) ---------- */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("pisma/bricolage-grotesque-latin-700.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("pisma/bricolage-grotesque-latin-ext-700.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ---------- Barvy (light-dark(světlý, tmavý)) ---------- */
:root {
  /* neutrální: světlé jako platforma (teplý papír), tmavé tónované do tyrkysové */
  --pozadi: light-dark(#F6F4EF, #0B1615);
  --plocha: light-dark(#FFFFFF, #13211F);
  --plocha-2: light-dark(#EDEAE2, #0F1B1A);
  --text: light-dark(#1A1D29, #E8EEEB);
  --tlumeny: light-dark(#545A6A, #A6B7B2);
  --linka: light-dark(#DCD7CC, #243A37);
  --linka-pole: light-dark(#767B88, #7D918C);
  --kostra: light-dark(#E6E2D9, #1C2E2C);
  --uspech-plocha: light-dark(#E6F1E9, #16291F);

  /* barva produktu (#0A5C55 zůstává základem) */
  --produkt: light-dark(#0A5C55, #5FC4B8);
  --produkt-najeti: light-dark(#07443F, #86D6CC);
  --na-produktu: light-dark(#FFFFFF, #06201D);
  --produkt-text: light-dark(#0A5C55, #6FD1C4);
  --produkt-plocha: light-dark(#E3F1EF, #15302D);
  --produkt-akcent: light-dark(#0A5C55, #5FC4B8);

  /* doplňkové odstíny Náskoku */
  --n-mata: light-dark(#EAF4F1, #0F2321);               /* světlý oddíl, podložka pod ukázkou */
  --n-hluboka: light-dark(#083A36, #102B28);            /* hluboký pás (Vaše data, závěrečná výzva) */
  --n-na-hluboke: light-dark(#F3F1EA, #E8EEEB);
  --n-na-hluboke-tlumeny: light-dark(#B9D3CE, #A6C2BC);
  --n-hluboka-tlacitko: #86D6CC;                        /* hlavní tlačítko na hlubokém pásu (obrácené) */
  --n-na-hluboke-tlacitku: #06201D;
  --n-hluboka-linka: light-dark(rgb(243 241 234 / 0.18), rgb(232 238 235 / 0.14));
  --n-papir: light-dark(#FFFFFF, #172826);              /* list papíru ve snímcích složky */
  --n-papir-linka: light-dark(#E4E0D6, #2A3F3C);

  /* akcent „zvýrazňovač“: změny v CV, podtržení v nadpisu, poznámka. Jen plocha nebo grafika. */
  --n-zvyraznovac: light-dark(#FFE6A0, #5A4712);
  --n-na-zvyraznovaci: light-dark(#1A1D29, #FFF6DC);
  --n-akcent: light-dark(#E8AE3C, #F2B84B);             /* jen dekorace (tah zvýrazňovače, tečky), nikdy text */
  --n-akcent-text: light-dark(#855609, #F2C36B);
  --n-poznamka: light-dark(#FFE08A, #E9C46A);
  --n-na-poznamce: #1A1406;
  --n-doplnte-plocha: light-dark(#FFF1CC, #33290F);
  --n-doplnte-text: light-dark(#6B4A00, #F0C46B);
  --n-doplnte-linka: light-dark(#B7862A, #8A6A22);

  /* skóre shody (grafika 3 : 1 proti papíru, vždy i s textem) */
  --n-jasne: light-dark(#2F6B45, #79C795);
  --n-napul: light-dark(#A36F0F, #E9B64E);
  --n-chybi: light-dark(#8A6F6A, #8E9E99);

  /* odznaky síly dokladu (text 4,5 : 1 na papíru) */
  --n-odznak-vyzkum: light-dark(#0A5C55, #6FD1C4);
  --n-odznak-pruzkum: light-dark(#1D4ED8, #8DB5FF);
  --n-odznak-zkusenost: light-dark(#545A6A, #A6B7B2);
  --n-odznak-odvozeno: light-dark(#6B3FA0, #C7A6F2);
  --n-odznak-zakon: light-dark(#343B7C, #AEB6F2);
  --n-odznak-mytus: light-dark(#B3261E, #F2877F);

  /* ilustrace (jen grafika) */
  --n-il-slozka: light-dark(#0A5C55, #1F6D65);
  --n-il-slozka-predek: light-dark(#127368, #2B8279);
  --n-il-slozka-hrana: light-dark(#07443F, #145049);
  --n-il-mrizka: light-dark(rgb(10 92 85 / 0.07), rgb(111 209 196 / 0.07));

  /* stíny: měkké, dvouvrstvé, tónované do tyrkysové */
  --n-stin-barva: light-dark(rgb(8 58 54 / 0.10), rgb(0 0 0 / 0.40));
  --n-stin-1: 0 1px 2px var(--n-stin-barva), 0 2px 8px -2px var(--n-stin-barva);
  --n-stin-2: 0 1px 2px var(--n-stin-barva), 0 18px 40px -16px light-dark(rgb(8 58 54 / 0.28), rgb(0 0 0 / 0.65));
  --n-stin-papir: 0 1px 1px var(--n-stin-barva), 0 10px 30px -10px light-dark(rgb(8 58 54 / 0.30), rgb(0 0 0 / 0.60));
}

/* ---------- Písma, velikosti, tvary a pohyb ---------- */
:root {
  --pismo-text: var(--pismo-sans);
  --pismo-nadpis: "Bricolage Grotesque", var(--pismo-sans);
  --pismo-znacka: "Bricolage Grotesque", var(--pismo-sans);
  --vaha-nadpis: 700;

  --n-velikost-display: clamp(2rem, 1.45rem + 2.6vw, 4rem);      /* 32 -> 64 px: H1 přistání */
  --velikost-h1: clamp(1.875rem, 1.5rem + 1.7vw, 3rem);          /* 30 -> 48 px: H1 článku a stránek */
  --velikost-h2: clamp(1.625rem, 1.3rem + 1.45vw, 2.5rem);       /* 26 -> 40 px */
  --velikost-h3: clamp(1.1875rem, 1.12rem + 0.35vw, 1.4375rem);  /* 19 -> 23 px */
  --n-velikost-cislo: clamp(2.75rem, 2.2rem + 2.4vw, 4.5rem);    /* velká čísla: skóre, cena */
  --n-radek-nadpis: 1.08;
  --n-proloz-nadpis: -0.022em;

  --sirka-obsahu: 74rem;                                         /* 1184 px */
  --n-oddil: clamp(3.5rem, 2.6rem + 4.2vw, 7.5rem);              /* svislá mezera oddílů 56 -> 120 px */

  --polomer-tlacitko: 14px;
  --polomer-pole: 14px;
  --polomer-karta: 20px;
  --n-polomer-panel: 28px;
  --n-polomer-papir: 10px;
  --vyska-tlacitka: 3.25rem;                                     /* 52 px */

  --n-krivka: cubic-bezier(0.2, 0.7, 0.2, 1);
  --n-pohyb-rychly: 160ms;
  --n-pohyb: 320ms;
  --n-pohyb-pomaly: 640ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --n-pohyb-rychly: 0ms; --n-pohyb: 0ms; --n-pohyb-pomaly: 0ms; }
}

/* ---------- Záloha pro prohlížeče bez light-dark() (vydané před 2024): jen světlé barvy + tmavé podle systému ---------- */
@supports not (color: light-dark(#000, #fff)) {
  :root {
    --pozadi: #F6F4EF; --plocha: #FFFFFF; --plocha-2: #EDEAE2; --text: #1A1D29; --tlumeny: #545A6A; --linka: #DCD7CC;
    --linka-pole: #767B88; --kostra: #E6E2D9; --uspech-plocha: #E6F1E9;
    --produkt: #0A5C55; --produkt-najeti: #07443F; --na-produktu: #FFFFFF; --produkt-text: #0A5C55; --produkt-plocha: #E3F1EF; --produkt-akcent: #0A5C55;
    --n-mata: #EAF4F1; --n-hluboka: #083A36; --n-na-hluboke: #F3F1EA; --n-na-hluboke-tlumeny: #B9D3CE; --n-hluboka-linka: rgb(243 241 234 / 0.18);
    --n-papir: #FFFFFF; --n-papir-linka: #E4E0D6;
    --n-zvyraznovac: #FFE6A0; --n-na-zvyraznovaci: #1A1D29; --n-akcent: #E8AE3C; --n-akcent-text: #855609; --n-poznamka: #FFE08A;
    --n-doplnte-plocha: #FFF1CC; --n-doplnte-text: #6B4A00; --n-doplnte-linka: #B7862A;
    --n-jasne: #2F6B45; --n-napul: #A36F0F; --n-chybi: #8A6F6A;
    --n-odznak-vyzkum: #0A5C55; --n-odznak-pruzkum: #1D4ED8; --n-odznak-zkusenost: #545A6A; --n-odznak-odvozeno: #6B3FA0; --n-odznak-zakon: #343B7C; --n-odznak-mytus: #B3261E;
    --n-il-slozka: #0A5C55; --n-il-slozka-predek: #127368; --n-il-slozka-hrana: #07443F; --n-il-mrizka: rgb(10 92 85 / 0.07);
    --n-stin-barva: rgb(8 58 54 / 0.10);
    --n-stin-2: 0 1px 2px rgb(8 58 54 / 0.10), 0 18px 40px -16px rgb(8 58 54 / 0.28);
    --n-stin-papir: 0 1px 1px rgb(8 58 54 / 0.10), 0 10px 30px -10px rgb(8 58 54 / 0.30);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --pozadi: #0B1615; --plocha: #13211F; --plocha-2: #0F1B1A; --text: #E8EEEB; --tlumeny: #A6B7B2; --linka: #243A37;
      --linka-pole: #7D918C; --kostra: #1C2E2C; --uspech-plocha: #16291F;
      --produkt: #5FC4B8; --produkt-najeti: #86D6CC; --na-produktu: #06201D; --produkt-text: #6FD1C4; --produkt-plocha: #15302D; --produkt-akcent: #5FC4B8;
      --n-mata: #0F2321; --n-hluboka: #102B28; --n-na-hluboke: #E8EEEB; --n-na-hluboke-tlumeny: #A6C2BC; --n-hluboka-linka: rgb(232 238 235 / 0.14);
      --n-papir: #172826; --n-papir-linka: #2A3F3C;
      --n-zvyraznovac: #5A4712; --n-na-zvyraznovaci: #FFF6DC; --n-akcent: #F2B84B; --n-akcent-text: #F2C36B; --n-poznamka: #E9C46A;
      --n-doplnte-plocha: #33290F; --n-doplnte-text: #F0C46B; --n-doplnte-linka: #8A6A22;
      --n-jasne: #79C795; --n-napul: #E9B64E; --n-chybi: #8E9E99;
      --n-odznak-vyzkum: #6FD1C4; --n-odznak-pruzkum: #8DB5FF; --n-odznak-zkusenost: #A6B7B2; --n-odznak-odvozeno: #C7A6F2; --n-odznak-zakon: #AEB6F2; --n-odznak-mytus: #F2877F;
      --n-il-slozka: #1F6D65; --n-il-slozka-predek: #2B8279; --n-il-slozka-hrana: #145049; --n-il-mrizka: rgb(111 209 196 / 0.07);
      --n-stin-barva: rgb(0 0 0 / 0.40);
      --n-stin-2: 0 1px 2px rgb(0 0 0 / 0.40), 0 18px 40px -16px rgb(0 0 0 / 0.65);
      --n-stin-papir: 0 1px 1px rgb(0 0 0 / 0.40), 0 10px 30px -10px rgb(0 0 0 / 0.60);
    }
  }
}