/*
 * tokens.css — глобальні дизайн-токени теми вітрини (--g-*) + self-hosted шрифти.
 *
 * ДЕФОЛТИ в цьому файлі = вивід генератора includes/theme.php (theme_palette())
 * для кодової теми «Зелене поле»; паритет літералів перевіряє
 * admin/_smoke_theme.php. Активна тема магазину (settings.theme_site_json)
 * перевизначає ці значення інлайном <style id="g-theme"> з theme_head_snippets()
 * — тому файл можна редагувати лише через includes/theme.php, не руками.
 *
 * Споживачі: css/* (вітрина) через var(--g-*, <фолбек>) і місток .pb-page
 * у css/page-blocks.css. Шрифти — css/fonts/ (self-hosted, GDPR; ліцензії —
 * css/fonts/LICENSE.md), @font-face нижче ліниві: браузер качає файл лише коли
 * текст реально використовує сімейство. Субсети latin+cyrillic+cyrillic-ext,
 * ґ (U+0491) у cyrillic кожного сімейства.
 */

/* Inter — cyrillic-ext (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/inter-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Inter — cyrillic (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Inter — latin (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/inter-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;
}

/* Roboto — cyrillic-ext (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/roboto-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Roboto — cyrillic (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/roboto-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Roboto — latin (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/roboto-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;
}

/* Montserrat — cyrillic-ext (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/montserrat-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Montserrat — cyrillic (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/montserrat-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Montserrat — latin (варіативний, вісь wght 100..900) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100..900;
    font-display: swap;
    src: url('fonts/montserrat-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;
}

/* Manrope — cyrillic-ext (варіативний, вісь wght 200..800) */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200..800;
    font-display: swap;
    src: url('fonts/manrope-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Manrope — cyrillic (варіативний, вісь wght 200..800) */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200..800;
    font-display: swap;
    src: url('fonts/manrope-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Manrope — latin (варіативний, вісь wght 200..800) */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200..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;
}

/* Nunito — cyrillic-ext (варіативний, вісь wght 200..1000) */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200..1000;
    font-display: swap;
    src: url('fonts/nunito-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Nunito — cyrillic (варіативний, вісь wght 200..1000) */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200..1000;
    font-display: swap;
    src: url('fonts/nunito-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Nunito — latin (варіативний, вісь wght 200..1000) */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200..1000;
    font-display: swap;
    src: url('fonts/nunito-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;
}

/* ============================================================
 * Дефолтні токени теми «Зелене поле» (= вивід theme_palette()
 * для дефолтів; активна тема перевизначає через <style id="g-theme">)
 * ============================================================ */

:root {
    /* --- Сірі (дрейф hue 152→158, зеленуваті; greys_tinted) --- */
    --g-grey-100: hsl(152, 26%, 96%);
    --g-grey-200: hsl(152, 20%, 89%);
    --g-grey-300: hsl(152, 16%, 84%);
    --g-grey-400: hsl(153, 12%, 60%);
    --g-grey-500: hsl(154, 12%, 45%);  /* функційні рамки — 4.6:1 */
    --g-grey-600: hsl(154, 16%, 38%);  /* третинний текст — 6:1 */
    --g-grey-700: hsl(157, 20%, 30%);  /* другорядний текст — 8.2:1 */
    --g-grey-900: hsl(158, 30%, 15%);  /* основний текст — 14.8:1 */

    /* --- Бренд --- */
    --g-brand-100: hsl(152, 38%, 94%);
    --g-brand-200: hsl(152, 30%, 88%);
    --g-brand-300: hsl(152, 22%, 78%);
    --g-brand-500: hsl(156, 47%, 33%); /* #2c7a5b — лінки/текст 5.1:1 */
    --g-brand-700: hsl(157, 47%, 27%);
    --g-brand-900: hsl(158, 47%, 17%);

    /* --- Дія (CTA): білий текст ≥4.5:1 — гарантовано серверним затемненням --- */
    --g-action: hsl(152, 90%, 27%);       /* 4.83:1 */
    --g-action-hover: hsl(152, 90%, 23%);

    /* --- Акцент блогу (окремий канал; дефолт — глибший за #007bff: 4.75:1) --- */
    --g-blog-accent: hsl(211, 100%, 45%);
    --g-blog-accent-hover: hsl(211, 100%, 39%);
    --g-blog-accent-soft: hsl(211, 45%, 94%);

    /* --- Семантичні ролі (компоненти посилаються тільки на них) --- */
    --g-surface: #fff;
    --g-ink: var(--g-grey-900);
    --g-ink-2: var(--g-grey-700);
    --g-ink-3: var(--g-grey-600);
    --g-border: var(--g-grey-200);
    --g-border-strong: var(--g-grey-500);
    --g-on-color: #fff;
    --g-on-color-soft: hsl(152, 30%, 97%);

    /* --- Радіуси / типографіка --- */
    --g-radius: 12px;
    --g-radius-sm: 8px;
    --g-font-body: 'Helvetica', 'Arial', sans-serif;
    --g-font-headings: inherit;   /* «як основний»; тема з власним шрифтом перевизначає */
    --g-fz-base: 16px;
    --g-fz-scale: 1;

    /* --- Статусні (НЕ темізуються — семантика; тут для повноти словника) --- */
    --g-amber-100: hsl(43, 100%, 92%);
    --g-amber-900: hsl(26, 100%, 18%);
    --g-red-100: hsl(356, 90%, 94%);
    --g-red-500: hsl(356, 72%, 44%);
    --g-red-800: hsl(356, 80%, 28%);
}