:root {
    /* Colors - Industrial, High Contrast */
    --color-bg: #f9f9f8;        /* Off-white paper */
    --color-text: #1a1a1a;      /* Near black */
    --color-text-muted: #595959;

    --color-accent: #e63946;    /* Sharp, deliberate red for warnings/calls to action */
    --color-border: #d1d1cd;
    --color-surface: #ffffff;
    --color-surface-alt: #ecece9;

    --color-dark-bg: #111111;
    --color-dark-text: #f4f4f4;

    /* Typography */
    --font-display: 'Space Grotesk', sans-serif;
    --font-text: 'Chivo', sans-serif;

    /* Spacing Scale (8px base) */
    --space-1: 0.5rem;   /* 8px */
    --space-2: 1rem;     /* 16px */
    --space-3: 1.5rem;   /* 24px */
    --space-4: 2rem;     /* 32px */
    --space-5: 3rem;     /* 48px */
    --space-6: 4rem;     /* 64px */
    --space-8: 6rem;     /* 96px */
    --space-12: 8rem;    /* 128px */

    /* Typography Scale */
    --text-xs: 0.875rem; /* 14px */
    --text-sm: 1rem;     /* 16px */
    --text-base: 1.125rem;/* 18px */
    --text-lg: 1.333rem; /* ~21px */
    --text-xl: 1.777rem; /* ~28px */
    --text-2xl: 2.369rem;/* ~38px */
    --text-3xl: 3.157rem;/* ~50px */
    --text-4xl: 4.209rem;/* ~67px */
    --text-5xl: 5.61rem; /* ~90px */

    /* Radii - Sharp and brutal, minimal rounding */
    --radius-none: 0;
    --radius-sm: 2px;
    --radius-md: 4px;

    /* Grid/Layout */
    --container-max: 1200px;
    --container-narrow: 800px;
    --grid-gap: var(--space-4);
}