/* YouGarden brand typography — Gelica (headings) + Proxima Nova (body)
 * See public/fonts/README.md and YG Brand Guidelines 2026.
 */

:root {
    /* Typography — YG Brand Guidelines 2026 */
    --yg-font-heading: 'gelica', 'Gelica', Georgia, 'Times New Roman', serif;
    --yg-font-body: 'proxima-nova', 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --yg-heading: var(--yg-font-heading);
    --yg-body: var(--yg-font-body);

    /* Brand colours V2 (shared sitewide; drawer theme uses same tokens) */
    --yg-moss: #ccea81;
    --yg-moss-dark: #6b9420;
    --yg-moss-surface: #e5efd0;
    --yg-forest: #264f1c;
    --yg-stone: #f2e7d8;
    --yg-pebble: #483f3a;
    --yg-rose: #e3185d;
    --yg-checkout: #468900;
    --yg-checkout-dark: #3a7000;
    --yg-club-purple: #812881;
    --yg-text: var(--yg-pebble);
    --yg-muted: #7a726c;
    --yg-border: #e0d6cb;

    /* Shared surface radius — matches homepage category carousel thumbs */
    --yg-radius: 20px;
    --yg-radius-sm: 12px;
}

/* Self-hosted / local fallbacks (woff2 in public/fonts/ or activated via Creative Cloud) */
@font-face {
    font-family: 'Gelica';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        local('Gelica Regular'),
        local('Gelica-Regular'),
        local('Gelica'),
        url('../fonts/gelica/gelica-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Gelica';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        local('Gelica Bold'),
        local('Gelica-Bold'),
        url('../fonts/gelica/gelica-bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Gelica';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src:
        local('Gelica Bold Italic'),
        local('Gelica-BoldItalic'),
        url('../fonts/gelica/gelica-bold-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        local('Proxima Nova'),
        local('ProximaNova-Regular'),
        url('../fonts/proxima-nova/proxima-nova-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src:
        local('Proxima Nova Semibold'),
        local('ProximaNova-Semibold'),
        url('../fonts/proxima-nova/proxima-nova-semibold.woff2') format('woff2');
}

@font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        local('Proxima Nova Bold'),
        local('ProximaNova-Bold'),
        url('../fonts/proxima-nova/proxima-nova-bold.woff2') format('woff2');
}