/* ── Single source of truth for design tokens ─────────────────────────────
   Loaded first in base.html and landing.html so both CSS systems share these.
   ─────────────────────────────────────────────────────────────────────── */
:root {
    /* Brand colors */
    --color-primary: #F4A24E;
    --color-primary-hover: #E08B35;

    /* Backgrounds */
    --color-bg: #FDFBF7;
    --color-surface: #FFFFFF;

    /* Borders */
    --color-border: #E6E3DE;

    /* Text */
    --color-text: #2B2B2B;
    --color-text-muted: #858585;

    /* Semantic */
    --color-success: #6BA868;
    --color-error: #D65C5C;
    --color-warning: #EBC046;
    --color-info: #5C8AD6;

    /* Typography */
    --font: 'Outfit', sans-serif;
}