:root {
    /* Brand Colors */
    --color-ink-black: #0A0A0A;
    --color-pure-white: #FFFFFF;
    --color-off-white: #F5F5F3;
    
    /* Brand Accent */
    --color-signal-red: #E2231A;
    
    /* Neutrals & Semantic */
    --color-border-grey: #E4E4E4;
    --color-secondary-text: #6B6B6B;
    --color-success-green: #1E8E3E;
    --color-error-crimson: #C6303E;
    
    /* Typography Font Families */
    --font-heading: 'Outfit', 'Helvetica Neue', Arial, sans-serif; /* High-end display fallback for Nue Montreal */
    --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    
    /* Spacing Scale (4px base) */
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-48: 48px;
    --spacing-64: 64px;
    --spacing-96: 96px;
    
    /* Component Specs */
    --border-radius: 2px;
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease-in-out;
    
    /* Layout Details */
    --site-max-width: 1280px;
    --grid-max-width: 1440px;
    --gutter-desktop: 24px;
    --gutter-mobile: 16px;
}