/* assets/css/tokens.css */
:root {
    /* Colors - Industrial Theme */
    --color-primary: #FF5A00; /* Safety Orange */
    --color-primary-dark: #CC4800;
    --color-bg: #FAFAFA; /* Off-white / Concrete */
    --color-bg-alt: #F0F0F0;
    --color-surface: #FFFFFF;
    --color-text: #1A1A1A; /* Asphalt Black */
    --color-text-muted: #595959; /* Steel Grey */
    --color-border: #E0E0E0;
    --color-error: #D32F2F;
    --color-success: #388E3C;

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

    /* Scale (Major Third) */
    --text-xs: 0.8rem;
    --text-sm: 1rem;
    --text-base: 1.25rem;
    --text-lg: 1.563rem;
    --text-xl: 1.953rem;
    --text-2xl: 2.441rem;
    --text-3xl: 3.052rem;
    --text-4xl: 3.815rem;

    /* Spacing */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4rem;
    --space-3xl: 6rem;
    --space-4xl: 8rem;

    /* Layout */
    --container-width: 1200px;
    --radius: 0; /* No rounded-everything */
    --shadow-sm: 4px 4px 0 var(--color-border);
    --shadow-md: 8px 8px 0 var(--color-text);
    --transition: 0.2s ease;
}