/* ============================================
   TPLESHOP Theme: ttsport / ttspin.cz
   Stolný tenis (ttsport.sk + ttspin.cz → web19), sedenie ttsport 8. 11. 2026, verzia 2
   ============================================

   Dve farby z pôvodného ttsport.sk (téma Astra): MODRÁ značky (loptička z loga #1f6dff, pôvodný
   web #045cb4) na tlačidlá a odkazy, a ZELENÁ z pôvodných zvýraznených blokov (prechod
   #a6ffd7 → #0caf83) ako akcent – odznak košíka, štítky, čísla. Róbert 8. 11.: „aby to nebolo
   také modré, tie pozadia, a zelená s modrou by mohlo byť dobré“ → pozadia sú NEUTRÁLNE
   s jemným nádychom zelenej (nie modrasté ako vo verzii 1, nie čistá šedá #f5f5f5 podľa
   dizajn/PROTI_AI_VZHLADU.md). Zelená škála z dizajn/nastroje/paleta.py "#0caf83".
   Tmavý režim je navrhnutý, nie invertovaný: neutrálne tmavé pozadie so zeleným nádychom,
   modrú aj zelenú nesú svetlejšie odtiene.

   KONTRAST JE ZMERANÝ (coloraide, WCAG 2.1; AA = 4,5 text, 3,0 veľký text a ovládacie prvky),
   hodnoty sú pri tokenoch.

   1. Logo má #1f6dff, ale biely text na nej je 4,48 : 1 (tesne pod AA) → primárna #1866f8
      (na oko rovnaká), biela na nej 4,89.
   2. Zelená #0caf83 z pôvodného webu je s bielym textom len 2,9 : 1 → akcent je tmavší odtieň
      tej istej zelene #08795b (biela 5,39). Svetlú #0caf83 nesie tmavý režim (#3fd3a2).

   Téma je LEN tokeny; správanie a rozloženie rieši základ šablóny.
   ============================================ */

:root {
    --color-primary: #1866f8;              /* biela na nej 4,89; ako text na bielom 4,89 */
    --color-primary-hover: #0053e0;        /* biela na nej 6,34 */
    --color-primary-light: #f2f7f4;        /* tint (parametre, FAQ, hover riadkov); modrá na ňom 4,51, text 15,24 */
    --color-on-primary: #ffffff;

    --color-accent: #08795b;               /* zelená: biela na nej 5,39; ako text na bielom 5,39, na páse 4,95 */
    --color-accent-hover: #005c43;
    --color-on-accent: #ffffff;

    --color-body-bg: #ffffff;
    --color-surface: #ffffff;
    --color-surface-alt: #f3f6f4;          /* pásy úvodky, spodné bloky – neutrálne so zeleným nádychom */
    --color-text: #1b201e;                 /* 16,51 na bielom, 15,17 na páse */
    --color-text-muted: #59625e;           /* 6,30 na bielom, 5,79 na páse */
    --color-heading: #111614;              /* 18,28 */
    --color-border: #dce3df;               /* dekoratívny okraj, nie ovládací prvok */
    --color-link: #0053e0;                 /* 6,34 na bielom, 5,82 na páse */
    --color-link-hover: #003eb6;
    --color-success: #08795b;              /* 5,39 – tá istá zelená ako akcent */
    --color-danger: #c62828;               /* 5,62 */
    --es-media-plate: #ffffff;

    --card-shadow: 0 1px 2px rgba(17, 22, 20, 0.06);
    --card-shadow-hover: 0 8px 22px -8px rgba(17, 22, 20, 0.22);

    --es-mapa-nahlad: url("/images/vzor/mapa.webp");   /* náhľad mapy na Kontakte (screenshot embedu Bôrická 65, Žilina) */

    /* Karty úvodky (showcase boxy s výrezom produktu) – tóny od dizajn-1b, dizajn/vzory/hero-karty/tokeny-temy.css,
       zladené s paletou v2. V tmavom režime sa nemenia (karta je farebná plocha s vlastným kontrastom). */
    --k-tmavy-bg: #004330;                 /* zelená 800, biely text 11,4 */
    --k-tmavy-fg: #ffffff;
    --k-tmavy-btn-bg: #ffffff;
    --k-tmavy-btn-fg: #101513;
    --k-stredny-bg: #0053e0;               /* modrá = primary-hover, biely text 6,3 */
    --k-stredny-fg: #ffffff;
    --k-stredny-btn-bg: #ffffff;
    --k-stredny-btn-fg: #101513;
    --k-svetly-bg: #cbf3e1;                /* zelená 100, text #0d1f18 14,2 */
    --k-svetly-fg: #0d1f18;
    --k-svetly-btn-bg: #101513;
    --k-svetly-btn-fg: #ffffff;
    --k-radius: 8px;
}

[data-theme="dark"] {
    --color-primary: #5c95ff;              /* tmavý text #101513 na nej 6,32; ako text 6,32, na karte 5,88 */
    --color-primary-hover: #8ab4ff;
    --color-primary-light: #1a2a24;        /* tint; modrá na ňom 5,14 */
    --color-on-primary: #101513;

    --color-accent: #3fd3a2;               /* zelená: tmavý text na nej 9,70; ako text 9,70, na karte 9,02 */
    --color-accent-hover: #91e5c4;
    --color-on-accent: #101513;

    --color-body-bg: #101513;              /* neutrálna tmavá so zeleným nádychom (nie modrá) */
    --color-surface: #161d1a;              /* karty */
    --color-surface-alt: #1c2521;          /* pásy úvodky */
    --color-text: #dce4e0;                 /* 14,24 na podklade, 13,24 na karte, 12,14 na páse */
    --color-text-muted: #9faba6;           /* 7,77 / 6,62 na páse */
    --color-heading: #f2f6f4;              /* 16,92 */
    --color-border: #2b3632;
    --color-link: #8ab4ff;                 /* 7,52 na páse */
    --color-link-hover: #b8d2ff;
    --color-success: #3fd3a2;
    --color-danger: #ff7b7b;
    --es-media-plate: #ffffff;             /* fotky produktov ostávajú na bielom aj v tme */

    --card-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    --card-shadow-hover: 0 12px 28px -10px rgba(0, 0, 0, 0.6);
}