/* ============================================
   TPLESHOP Theme: Olly (olly.sk) – zelená podľa loga (#5fbd21)
   Téma = LEN tokeny (kópia themes/tokeny.css, tpleshop 1.30). Štýly sa neprepisujú.
   Primárna je tmavší odtieň zelenej z loga, aby biely text na tlačidlách mal kontrast ≥ 4,5:1
   (#5fbd21 s bielou má len 2,4:1). Zelená z loga ide do akcentových plôch s tmavým textom.
   ============================================ */

:root {
    /* Značka */
    --color-primary: #2f7d0f;              /* biela 5,2:1 */
    --color-primary-hover: #256610;
    --color-primary-light: #eef7e8;        /* tint: parametre, hover riadkov, FAQ */
    --color-on-primary: #ffffff;
    --color-accent: #f0a020;               /* odznaky ZĽAVA – teplý kontrast k zelenej */
    --color-accent-hover: #d98c0f;
    --color-on-accent: #111111;            /* 8,8:1 */

    /* Plochy a text */
    --color-body-bg: #ffffff;
    --color-surface: #ffffff;
    --color-surface-alt: #f4f8f1;
    --color-text: #222222;
    --color-text-muted: #66705f;
    --color-heading: #17301a;
    --color-border: #dfe7d9;
    --color-link: #2f7d0f;
    --color-link-hover: #256610;
    --color-success: #2e7d32;
    --color-danger: #c0392b;
    --es-media-plate: #ffffff;

    /* Písmo */
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Tvar – hranaté boxy (Robert 5. 10.: odlíšenie od Ariane); malé zaoblenie len na tlačidlách a poliach */
    --card-radius: 0;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 8px 24px -6px rgba(47, 125, 15, 0.25);
    --card-image-ratio: 1 / 1;
    --radius-sm: 2px;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;

    /* Dlaždice kategórií na úvodke */
    --es-cat-card-min: 150px;
    --es-cat-card-max: 168px;

    /* Tmavé pásy päty (es-bottom, es-footer) – tmavozelená namiesto modročiernej zo základu */
    --es-band-bg: #16291a;
}

/* Tmavý režim – primárna ostáva stredne zelená s bielym textom: hero tlačidlo v základe šablóny má biely text
   napevno (svetlá zelená #7ed957 by mala 1,8:1). Svetlá zelená ide len do odkazov. */
[data-theme="dark"] {
    --color-primary: #378514;              /* biela 4,6:1, na pozadí 3,9:1 */
    --color-primary-hover: #41941a;
    --color-primary-light: #1a2a17;
    --color-on-primary: #ffffff;
    --color-accent: #ffb547;
    --color-accent-hover: #ffa524;
    --color-on-accent: #111111;

    --color-body-bg: #0f1712;
    --color-surface: #16201a;
    --color-surface-alt: #1d2a21;
    --color-text: #d6e0d2;
    --color-text-muted: #8e9c8a;
    --color-heading: #f1f6ee;
    --color-border: #2a3a2d;
    --color-link: #95e174;
    --color-link-hover: #b4ec9b;
    --es-media-plate: #ffffff;

    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.45);
}