/* ═══════════════════════════════════════════════════════════
   Icookada — Design Tokens  (single source of truth)
   Load this before every other stylesheet.

   Font: Space Grotesk variable font, self-hosted (no Google).
   ══════════════════════════════════════════════════════════ */

/* ── Self-hosted Space Grotesk (variable, latin, 300–700) ── */
@font-face {
    font-family: 'Space Grotesk';
    font-style:  normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('../fonts/space-grotesk.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;
}

/* ═══════════════════════════════════════════════════════════
   Design Tokens  (single source of truth)
   Load this before every other stylesheet.

   Theme 1 · Light   default body / content pages
             cream bg (#f5f0e4), dark text (#1a1816)
   Theme 2 · Forest  nav, footer, dark heroes
             forest bg (#1d3d2a), cream text (#f5f0e4)
   Theme 3 · TBD     Youcookada community layer (future)
   ═══════════════════════════════════════════════════════════ */

:root {

    /* ── Palette primitives ───────────────────────────────── */

    /* Brand greens */
    --ica-forest:      #1d3d2a;   /* pine / moss      — primary action  */
    --ica-forest-deep: #172d1f;   /* deeper forest    — footer bg       */

    /* Brand reds */
    --ica-claret:      #7c2b3e;   /* blackcurrant/fig — accent / badges */
    --ica-tomato:      #9b3224;   /* plum tomato      — warm earthy red */

    /* Neutrals */
    --ica-cream:       #f5f0e4;   /* warm parchment   — light bg        */
    --ica-bark:        #7a6e5c;   /* tree bark        — muted text      */
    --ica-dark:        #1a1816;   /* warm near-black  — body text       */

    /* Surface scale (light theme) */
    --ica-white:       #ffffff;
    --ica-surface-0:   #ffffff;   /* white — card backgrounds           */
    --ica-surface-1:   #f5f0e4;   /* cream — page background            */
    --ica-surface-2:   #eee8d6;   /* raised / filter bars               */
    --ica-surface-3:   #ddd6c2;   /* borders                            */

    /* ── Light theme semantic tokens (default) ───────────── */

    --ica-bg:          var(--ica-surface-1);
    --ica-text:        var(--ica-dark);
    --ica-muted:       var(--ica-bark);
    --ica-border:      var(--ica-surface-3);
    --ica-surface:     var(--ica-surface-2);
    --ica-card:        var(--ica-white);

    /* ── Typography ──────────────────────────────────────── */

    --ica-font:        'Space Grotesk', system-ui, sans-serif;

    /* ── Shape ───────────────────────────────────────────── */

    --ica-radius:      10px;
    --ica-radius-sm:   6px;
    --ica-radius-lg:   12px;
    --ica-radius-pill: 100px;

    /* ── Layout ──────────────────────────────────────────── */

    --ica-nav-h:       64px;
    --ica-max-w:       1240px;
}