/**
 * Template 2026-001 — CSS proměnné (model „3 zadané → 28 tokenů")
 *
 * NOVÝ MODEL (zadání designéra 2026-08): paleta má 28 barevných tokenů, ale
 * zadávají se jen TŘI (hlavní / akční / podklad); zbytek je:
 *   - 16 SDÍLENÝCH = konstanty, stejné napříč všemi paletami (níže),
 *   - 9 ODVOZENÝCH = dopočítané z těch tří (v customizeru přes HSL/OKLCH +
 *     kontrolní kontrast; tady jsou statické defaulty výchozí palety „Espresso").
 * Mapování designérových --c-* → naše --tpl-* je 1:1 (viz komentáře), takže
 * theme CSS zůstává na --tpl-* beze změny názvů.
 *
 * Palety (presety-2026-001.json): Espresso · Jantar · Len + 4. uživatelská.
 * Fonty DM Sans / Instrument Sans jsou self-hostované (../fonts/*.woff2),
 * Georgia je systémová patková.
 */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/dmsans-latin-ext.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;
}
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/dmsans-latin.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: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/instrumentsans-latin-ext.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;
}
@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/instrumentsans-latin.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;
}
:root {
    /* ================= 3 ZADANÉ (výchozí paleta = Espresso) ================= */
    --tpl-primary: #2E2622;      /* --c-main   — hlavní */
    --tpl-cta-bg: #0E9184;       /* --c-action — akční */
    --tpl-body-bg: #F6F3EE;      /* --c-bg-page — podklad stránky */

    /* ================= 9 ODVOZENÝCH (default Espresso; user paletu počítá customizer) ================= */
    --tpl-link: #2E2622;                 /* --c-link            = hlavní */
    --tpl-menu-hover-text: #2E2622;      /* --c-menu-hover-text = hlavní */
    --tpl-sleva: #0E9184;                /* --c-sale            = akční */
    --tpl-oblibene: #0E9184;             /* --c-fav             = akční */
    --tpl-header-bg: #2E2622;            /* --c-header-bg       = hlavní (světlá hlavička → akční) */
    --tpl-header-text: #FFFFFF;          /* --c-header-text     = kontrast (luminance pozadí ≤ 0,45 → bílá) */
    --tpl-header-cart-bg: #0E9184;       /* --c-cart            = akční (světlá hlavička → hlavní) */
    --tpl-header-cart-bg-hover: #0A6F65; /* --c-cart-hover      = akční −12 % světlosti */
    --tpl-footer-bg: #1E1815;            /* --c-footer-bg       = hlavní −35 % světlosti */

    /* ================= 16 SDÍLENÝCH (konstanty pro všechny palety) ================= */
    --tpl-text: #16181B;                        /* --c-text */
    --tpl-content-bg: #FFFFFF;                   /* --c-bg-content — plátno obsahu */
    --tpl-card-bg: #FFFFFF;                      /* --c-bg-card    — karty VŽDY bílé */
    --tpl-surface-2: #EFEEEB;                    /* --c-surface */
    --tpl-surface-3: #E4E2DE;                    /* --c-surface-hover */
    --tpl-stav-skladem: #2E7D4F;                 /* --c-stock */
    --tpl-stav-skladem-bg: #E8F2EB;              /* --c-stock-bg */
    --tpl-stav-chyba: #C33B2E;                   /* --c-error */
    --tpl-menu-bg: #FFFFFF;                      /* --c-menu-bg */
    --tpl-menu-text: #16181B;                    /* --c-menu-text */
    --tpl-menu-hover-bg: #EFEEEB;                /* --c-menu-hover-bg */
    --tpl-card-border: #E3E1DD;                  /* --c-card-border */
    --tpl-footer-text: rgba(255,255,255,.72);    /* --c-footer-text  (bílá s průhledností → drží na libovolně tmavém footeru) */
    --tpl-footer-heading: #FFFFFF;               /* --c-footer-head */
    --tpl-footer-link: rgba(255,255,255,.84);    /* --c-footer-link */
    --tpl-footer-border: rgba(255,255,255,.14);  /* --c-footer-rule */

    /* ================= Pomocné (odvozené z výše; drží stávající theme CSS) ================= */
    --tpl-primary-dark: #241D1A;         /* hlavní tmavší */
    --tpl-primary-light: #4A3E37;        /* hlavní světlejší */
    --tpl-primary-text: #FFFFFF;         /* text na hlavní */
    --tpl-cta-bg-hover: #0C8074;         /* akční −12 % světlosti (hover tlačítek; odvozené) */
    --tpl-cta-text-hover: #FFFFFF;       /* text na akční hover barvě (kontrast; odvozené) */
    --tpl-cta-text: #16181B;             /* text na akční (kontrast ≥ 4,5:1; Espresso teal → tmavý) */
    --tpl-text-light: #5B5B5B;           /* tlumený text */
    --tpl-link-hover: #0A6F65;           /* odkaz hover */
    --tpl-footer-link-hover: #FFFFFF;    /* footer odkaz hover */

    /* Jemné tinty palety pro zvýrazněná pozadí (vybráno / poznámka / highlight) — dřív
       natvrdo bledě žluté (#fffbe6 apod.); teď odvozené z palety (color-mix → drží v každé
       paletě, ne jen ve žluté). */
    --tpl-primary-tint-soft:   color-mix(in srgb, var(--tpl-primary) 5%, var(--tpl-content-bg));
    --tpl-primary-tint:        color-mix(in srgb, var(--tpl-primary) 9%, var(--tpl-content-bg));
    --tpl-primary-tint-border: color-mix(in srgb, var(--tpl-primary) 28%, var(--tpl-content-bg));
    /* Sémantické odznaky produktů (vlastní význam, ne paletové) — token místo natvrdo hexu. */
    --tpl-badge-new:  #2196F3;   /* Novinka */
    --tpl-badge-hit:  #FF9800;   /* Bestseller / Hit */
    --tpl-badge-gift: #9C27B0;   /* Dárek */

    /* ================= Typografie (výchozí sada A · Minimální) ================= */
    --tpl-font: 'DM Sans', 'Open Sans', Arial, Helvetica, sans-serif;   /* --f-body */
    --tpl-font-head: 'DM Sans', 'Open Sans', Arial, Helvetica, sans-serif; /* --f-head (řez řeší CSS: 500) */
    --tpl-font-ui: 'DM Sans', 'Open Sans', Arial, Helvetica, sans-serif;   /* --f-ui */
    --tpl-head-weight: 500;              /* řez nadpisu */
    --tpl-head-tracking: -0.02em;        /* --head-tracking */
    --tpl-font-size: 15px;               /* --fs-base */
    --tpl-line-height: 1.45;             /* --lh */

    /* ================= Tvary a rozměry (nezávislé na paletě/typografii) ================= */
    --tpl-max-width: 1440px;             /* --w-content (1120–1600) */
    --tpl-header-height: auto;
    --tpl-border-radius: 12px;           /* --radius (tlačítka/inputy/karty) — řídí volba Rohy (Zaoblené=12px / Hranaté=0) */
    --tpl-radius-sm: calc(var(--tpl-border-radius) * .5);   /* menší zaoblení (odznaky, drobné prvky) — škáluje s base */
    --tpl-pill: min(999px, calc(var(--tpl-border-radius) * 1000));  /* ovál/pilulka když je Zaoblené (jakýkoli nenulový radius → 999px), ale zhranatí na 0 v Hranaté — ovládací prvky hlavičky (search, měna, login, košík) */
    --tpl-hero-radius: var(--tpl-border-radius);            /* navázáno na base → následuje Rohy */
    --tpl-card-radius: var(--tpl-border-radius);            /* navázáno na base */
    --tpl-detail-photo-radius: var(--tpl-border-radius);    /* navázáno na base */
    --tpl-hero-title-size: 33px;         /* --fs-hero ≈ 2,2× základu */
    --tpl-detail-price-size: 23px;       /* --fs-price ≈ 1,5× základu */

    /* ================= Efekty (konstanty) ================= */
    --tpl-shadow: 0 2px 8px rgba(0,0,0,0.08);
    --tpl-shadow-hover: 0 4px 16px rgba(0,0,0,0.12);
    --tpl-transition: 0.25s ease;
}