/**
 * Sablona 2026-003 Atelier - CSS promenne (tokeny --tpl-*) + @font-face.
 *
 * _page.php linkuje PRVNI promenne.css v retezu (2026-003 -> _core -> basic), takze tento soubor
 * NAHRAZUJE templates/_core/css/promenne.css cely: obsahuje vsechny tokeny jadra (vc. bloku
 * "Standardni odvozene tokeny", "Kontrastni tokeny" a "Aliasy", J-L1 / J-L1b, --tpl-shadow-pop J-A13)
 * s hodnotami vychozi palety Krem (header_mode light). Customizer (nastaveni-schema.json, pravidla
 * a presety-2026-003.json) prepisuje hodnoty v :root az za timto souborem.
 *
 * Fonty (OFL, self-host, viz templates/2026-003/fonts/README.md):
 *   Manrope variabilni 400-800 (text, UI, ceny) - latin + latin-ext, preload v manifestu;
 *   Playfair Display 500 (nadpisy, logotyp) - soubory zatim nejsou dodane (README), @font-face
 *   jen pres local() -> bez souboru plati Georgia ze sady pisma (zadny 404).
 *
 * Tokeny jen pro Atelier (bez pravidla v jadru nebo s pravidlem v nastaveni-schema.json sablony):
 *   --tpl-header-line, --tpl-header-sale (hlavicka, DP kap. 3), --tpl-grid-gap, --tpl-row-gap,
 *   --at-sloupce (pocet karet v rade, volba atelier_sloupce), --at-hd-sticky (vyska sticky hlavicky).
 */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/manrope-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: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/manrope-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;
}
/* Playfair Display 500: az budou soubory fonts/playfairdisplay-500-latin(-ext).woff2, doplnit url() (fonts/README.md) */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Playfair Display Medium'), local('PlayfairDisplay-Medium');
}

:root {
    /* ================= ZADANE ROLE (paleta Krem) ================= */
    --tpl-primary: #1A1A1A;
    --tpl-secondary: #E9E2D7;
    --tpl-cta-bg: #1A1A1A;
    --tpl-accent: #A8482A;
    --tpl-body-bg: #F3EFE9;

    /* ================= ODVOZENE (jadro) ================= */
    --tpl-link: #1A1A1A;
    --tpl-menu-hover-text: #1A1A1A;
    --tpl-sleva: #A8482A;
    --tpl-oblibene: #A8482A;
    --tpl-badge-sale: #A8482A;
    --tpl-header-bg: #F3EFE9;            /* P1: svetla hlavicka = pozadi stranky */
    --tpl-header-text: #1A1A1A;
    --tpl-header-cart-bg: #1A1A1A;
    --tpl-header-cart-bg-hover: #000000;
    --tpl-footer-bg: #E9E2D7;

    /* ================= SDILENE / ODVOZENE ================= */
    --tpl-text: #1A1A1A;
    --tpl-content-bg: #FFFFFF;
    --tpl-card-bg: #FFFFFF;
    --tpl-surface-2: #E4DCCF;            /* plocha fotek (zastupna) */
    --tpl-surface-3: #DCD3C5;
    --tpl-stav-skladem: #1E7A3C;
    --tpl-stav-skladem-bg: #E4EFE7;
    --tpl-stav-chyba: #B3261E;
    --tpl-menu-bg: #F3EFE9;
    --tpl-menu-text: #1A1A1A;
    --tpl-menu-hover-bg: #E9E2D7;
    --tpl-card-border: #D9D2C7;
    --tpl-footer-text: #1A1A1A;
    --tpl-footer-heading: #1A1A1A;
    --tpl-footer-link: #1A1A1A;
    --tpl-footer-border: #D3CABC;

    /* ================= Pomocne ================= */
    --tpl-primary-dark: #000000;
    --tpl-primary-light: #3A3A3A;
    --tpl-primary-text: #FFFFFF;
    --tpl-cta-bg-hover: #3A3A3A;         /* Krem: hover svetlejsi (pravidlo jas v schematu) */
    --tpl-cta-text-hover: #FFFFFF;
    --tpl-cta-text: #FFFFFF;
    --tpl-text-light: #5E574E;
    --tpl-link-hover: #A8482A;
    --tpl-footer-link-hover: #A8482A;

    --tpl-primary-tint-soft:   color-mix(in srgb, var(--tpl-primary) 4%, var(--tpl-body-bg));
    --tpl-primary-tint:        color-mix(in srgb, var(--tpl-primary) 8%, var(--tpl-body-bg));
    --tpl-primary-tint-border: color-mix(in srgb, var(--tpl-primary) 25%, var(--tpl-body-bg));
    --tpl-badge-new:  var(--tpl-primary);
    --tpl-badge-hit:  var(--tpl-primary);
    --tpl-badge-gift: var(--tpl-sale-price);

    /* ================= Typografie (sada atelier) ================= */
    --tpl-font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --tpl-font-head: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --tpl-font-ui: 'Manrope', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --tpl-head-weight: 500;
    --tpl-head-tracking: -0.005em;
    --tpl-font-size: 15px;
    --tpl-line-height: 1.6;

    /* ================= Tvary a rozmery (Atelier: radius 0 vsude) ================= */
    --tpl-max-width: 1440px;
    --tpl-header-height: auto;
    --tpl-border-radius: 0px;
    --tpl-radius-sm: 0px;
    --tpl-pill: 0px;                     /* chipy = "hranate pilulky" */
    --tpl-hero-radius: 0px;
    --tpl-card-radius: 0px;
    --tpl-detail-photo-radius: 0px;
    --tpl-hero-title-size: 44px;
    --tpl-detail-price-size: 24px;

    /* ================= Efekty: zadne stiny, stin jen vyskakovacich prvku ================= */
    --tpl-shadow: none;
    --tpl-shadow-hover: none;
    --tpl-shadow-pop: 0 12px 40px rgba(0, 0, 0, 0.12);
    --tpl-transition: 0.2s ease;

    /* ================= Standardni odvozene tokeny (J-L1) ================= */
    --tpl-line: #E3DCD1;
    --tpl-strike: #6F675D;
    --tpl-disabled: #B8B0A4;
    --tpl-topbar-bg: #E9E2D7;
    --tpl-topbar-text: #1A1A1A;
    --tpl-footer-muted: #5E574E;
    --tpl-sale-deco: none;
    --tpl-overlay: rgba(26, 26, 26, 0.45);
    --tpl-area-radius: 0px;
    --tpl-thumb-radius: 0px;
    --tpl-label-radius: 0px;
    --tpl-gutter: 40px;
    --tpl-section-gap: 96px;
    --tpl-head-shrink: 0px;

    /* --- Kontrastni tokeny (J-L1b) --- */
    --tpl-accent-text: #FFFFFF;
    --tpl-secondary-text: #1A1A1A;
    --tpl-rating: #A8482A;
    --tpl-sale-price: #A8482A;
    --tpl-stav-wait: #9A5B00;
    --tpl-info-bg: #FDFCFB;
    --tpl-info-text: #1A1A1A;
    --tpl-nav-bg: var(--tpl-menu-bg);
    --tpl-nav-text: var(--tpl-menu-text);
    --tpl-annbar-bg: #1A1A1A;            /* oznamovaci lista v primary (ZA kap. 6) */
    --tpl-annbar-text: #FFFFFF;
    --tpl-badge-bg: var(--tpl-primary);
    --tpl-badge-text: var(--tpl-primary-text);
    --tpl-panel-bg: var(--tpl-surface-2);
    --tpl-primary-fill: var(--tpl-primary);
    --tpl-disabled-text: #767676;

    /* ================= Tokeny Atelieru ================= */
    --tpl-header-line: #D9D2C7;          /* linky v hlavicce (Noir #333) */
    --tpl-header-sale: #A8482A;          /* Vyprodej v menu (pojistka na pozadi hlavicky) */
    --tpl-grid-gap: 24px;                /* mezera sloupcu karet */
    --tpl-row-gap: 48px;                 /* mezera radku karet */
    --at-sloupce: 4;
    --at-hd-sticky: 64px;

    /* ================= Aliasy nazvu z navrhu ================= */
    --tpl-cta: var(--tpl-cta-bg);
    --tpl-cta-hover: var(--tpl-cta-bg-hover);
    --tpl-border: var(--tpl-card-border);
    --tpl-surface: var(--tpl-card-bg);
    --tpl-head-ls: var(--tpl-head-tracking);
    --tpl-sale-bg: var(--tpl-badge-sale, var(--tpl-sleva));
    --tpl-sale-text: var(--tpl-accent-text, #FFFFFF);
    --tpl-footer-line: var(--tpl-footer-border);
    --tpl-radius: var(--tpl-border-radius);
    --tpl-price-sale: var(--tpl-sale-price);
    --tpl-menu-sale: var(--tpl-header-sale);
    --tpl-accent-ink: var(--tpl-sale-price);
    --tpl-stav-dny: var(--tpl-stav-wait);
    --tpl-stav-pozdeji: var(--tpl-stav-wait);
    --tpl-star: var(--tpl-rating);
    --tpl-ann-bg: var(--tpl-annbar-bg);
    --tpl-ann-text: var(--tpl-annbar-text);
    --tpl-announce-bg: var(--tpl-annbar-bg);
    --tpl-announce-text: var(--tpl-annbar-text);
    --tpl-info: var(--tpl-info-bg);
    --tpl-new-bg: var(--tpl-badge-bg);
    --tpl-new-text: var(--tpl-badge-text);
}
@media (max-width: 1024px) {
    :root {
        --tpl-gutter: 24px;
        --tpl-section-gap: 72px;
    }
}
@media (max-width: 768px) {
    :root {
        --tpl-gutter: 16px;
        --tpl-section-gap: 56px;
        --tpl-grid-gap: 12px;
        --tpl-row-gap: 32px;
        --at-hd-sticky: 56px;
    }
}