/* ============================================================
   Kehokapina — design tokens
   THE single source of color/type truth (from the brand board).
   Use variables everywhere; no raw hex in component styles.
   Brand board: design/Kehokapina Brand Board.html
   ============================================================ */

:root {
    /* --- Greens (dark surfaces) --- */
    --c-forest: #123726;        /* PRIMARY deep forest — nav, dark bands, footers */
    --c-forest-dark: #0D2417;   /* darkest chrome */
    --c-forest-footer: #103322; /* manifesto / near-black band */
    --c-moss: #2C4A38;          /* secondary green, quotes, borders on dark */

    /* --- Golds (accents + CTAs; NOT body text on light) --- */
    --c-gold: #D8B45E;          /* primary CTA / spark; text-gold on dark surfaces */
    --c-gold-antique: #B08B3E;  /* borders, dividers, decorative accents (non-text) */
    --c-gold-large: #9E7D35;    /* LARGE gold type on light (prices, step numbers) — WCAG 3:1 */
    --c-gold-deep: #7A6229;     /* small gold text/links/eyebrows on light — WCAG 4.5:1 */
    --c-gold-pale: #EAD08C;     /* wordmark / text on forest */
    --c-skin: #C79A76;          /* tertiary warm accent */

    /* --- Creams (light surfaces) --- */
    --c-cream: #F5EFE4;         /* page background */
    --c-sand: #DED9CE;          /* canvas */
    --c-sand-deep: #EFE7D8;     /* alternate section background */
    --c-card: #FBF7EE;          /* raised cards */
    --c-border: #E4DDCD;        /* hairlines on light */
    --c-border-sand: #D8CFBC;   /* hairlines on sand */

    /* --- Text --- */
    --c-ink: #1A2A20;           /* near-black headings on light */
    --c-body: #3D4A40;          /* body text on light (AA on cream) */
    --c-muted: #6C6350;         /* soft meta text on light */
    --c-body-ondark: #CBD3C4;   /* body text on forest */
    --c-soft-ondark: #EDE7D8;   /* stronger light text on forest */
    --c-muted-ondark: #8FA592;  /* muted on forest */
    --c-footer-muted: #96A89A;  /* footer small print */

    /* --- Type --- */
    --font-sans: 'Archivo', 'Segoe UI', system-ui, sans-serif;
    --font-display: 'DM Serif Display', Georgia, serif;
    --font-quote: 'Cormorant Garamond', Georgia, serif;

    /* Fluid display sizes (mobile → desktop) */
    --fs-hero: clamp(3.4rem, 9vw, 6.5rem);
    --fs-h2: clamp(2.1rem, 5vw, 3.5rem);
    --fs-h3: clamp(1.4rem, 3vw, 2.1rem);
    --fs-quote: clamp(1.5rem, 3.4vw, 2.4rem);

    /* --- Spacing / layout --- */
    --space-section: clamp(3.4rem, 9vw, 5.5rem);
    --container: 1400px;
    --pad-x: clamp(1.25rem, 4vw, 3rem);

    /* --- Misc --- */
    --shadow-card: 0 18px 50px rgba(18, 40, 28, 0.12);
    --transition: 180ms ease;
}