/*
 * druki-pit.pl — zmienne (design tokens) zgodne z pitax.pl.
 *
 * Kolory: 1:1 z pitax.pl (/var/webpage/cms/themes/pitax/css/variables.css) — te same nazwy i wartości,
 * żeby style dało się przenosić między projektami.
 * Skale (fonty, zaokrąglenia, odstępy, cienie): z najczęściej używanych wartości w arkuszach pitax.pl
 * (blank-page.css, content-blocks.css, pitax-pitpage.css, pitax-hp.css, pitax-landing.css).
 * Font: Open Sans z własnego serwera (te same pliki woff2 co pitax.pl), bez Google Fonts.
 */

:root {
    /* --- Kolory pitax.pl --------------------------------------------------------------------- */
    --primary-color: #292264;          /* fiolet: tekst, nagłówki, menu, stopka */
    --secondary-color: #FA6400;        /* pomarańcz: przyciski, linki w treści, akcenty */
    --secondary-alt-color: #ff781e;
    --white: #fff;
    --light-grey: #f2f2f2;
    --grey: #eee;
    --dark-grey: #333;
    --border-grey: #e6e6e6;
    --error-color: #c6362d;
    --black: #000;
    --purple-deep: #4a3f76;            /* lead, cytaty, hover fioletowych przycisków */
    --purple-alt: #4a3e76;
    --purple-light: #635693;           /* tekst drugorzędny, podpisy */
    --bg-light-purple: #f9f8fe;
    --bg-cream: #F7F0DD;
    --bg-lavender: #F6F6F9;            /* jasne tło sekcji (baner) */
    --text-muted: #968FAE;
    --border-light: #D7D4E1;           /* ramki kart, linie podziału */
    --bg-lavender-alt: #ebeaf0;
    --purple-muted: #595A8B;
    --bg-white-pink: #FEF8F8;
    --red: #c00;
    --black-alpha-40: rgb(0 0 0 / 40%);
    --secondary-alpha-40: rgb(255 123 35 / 40%);
    --transparent: rgba(0, 0, 0, 0);
    --border-grey-light: #cacaca;
    --grey-muted: #888;
    --grey-light-alt: #ccc;

    /* --- Typografia ------------------------------------------------------------------------- */
    --font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    --fs-xs: 0.8125rem;                                  /* 13px */
    --fs-sm: 0.875rem;                                   /* 14px */
    --fs-base: 1rem;                                     /* 16px — tekst */
    --fs-md: 1.125rem;                                   /* 18px */
    --fs-lg: 1.25rem;                                    /* 20px */
    --fs-xl: 1.5rem;                                     /* 24px */
    --fs-h1: clamp(1.9rem, 1.4rem + 1.8vw, 2.6rem);     /* jak .blank-hero__title */
    --fs-section: clamp(1.6rem, 1.1rem + 1.6vw, 2.2rem); /* jak .cb-heading */
    --fs-h2: clamp(1.4rem, 1.15rem + 0.8vw, 1.75rem);   /* jak .blank-rte h2 */
    --fs-h3: clamp(1.2rem, 1.05rem + 0.5vw, 1.375rem);  /* jak .blank-rte h3 */
    --fs-h4: 1.125rem;                                   /* jak .blank-rte h4 */

    --fw-light: 300;
    --fw-regular: 400;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    --lh-tight: 1.25;                                    /* nagłówki */
    --lh-base: 1.5;                                      /* 16/24 — interfejs */
    --lh-text: 1.7;                                      /* treść artykułu (.blank-rte) */

    /* --- Zaokrąglenia: 5px przyciski i pola, 8px obrazki, 12px karty i panele -------------- */
    --radius-xs: 4px;
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-round: 50%;

    /* --- Odstępy ------------------------------------------------------------------------------ */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --section-y: 56px;                                   /* jak .blank-section */

    /* --- Cienie (pitax.pl używa ich oszczędnie) ---------------------------------------------- */
    --shadow-hover: 0 8px 16px rgb(41 34 100 / 10%);
    --shadow-dropdown: 0 8px 16px 0 rgba(0, 0, 0, 0.2);  /* jak menu rozwijane pitax.pl */

    /* --- Stany -------------------------------------------------------------------------------- */
    --focus-ring: 3px solid var(--primary-color);        /* jak :focus-visible w pitax.pl */
    --hover-dim: brightness(.93);                        /* hover pomarańczowych przycisków (.cb-btn) */
    --transition: .15s ease;
}

/* --- Open Sans (zmienna grubość 300–800), pliki jak w pitax.pl --------------------------------- */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../webfonts/open-sans/open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../webfonts/open-sans/open-sans-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: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('../webfonts/open-sans/open-sans-italic-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: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('../webfonts/open-sans/open-sans-italic-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;
}