:root {
    /* Colors */
    --light-surface: #f4f6f8;
    --crimson-brand: #b11b2b;
    --dark-navy: #01417e;
    --page-background: #ffffff;
    --warm-orange: #f7ac5d;
    --body-text: #212529;
    --bootstrap-blue: #0d6efd;
    --muted-text: #495057;
    --navigation-text: #1b1c1d;
    --border-subtle: #dee2e6;

    /* Semantic aliases for public pages */
    --text: var(--body-text);
    --text-muted: var(--muted-text);
    --border: var(--border-subtle);
    --border-soft: var(--border-subtle);
    --bg: var(--light-surface);
    --panel: var(--page-background);

    /* Typography */
    --font-family: 'Bricolage Grotesque', sans-serif;

    /* Radius */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 800px;

    /* Shadows */
    --shadow-card: 0 2px 4px rgba(0, 0, 0, 0.075);
    --shadow-cta: 0 4px 12px rgba(25, 105, 180, 0.3);
    --shadow-panel: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-orange-ring: 0 0 0 4px rgb(247, 172, 93);

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md-sm: 12px;
    --space-md: 16px;
    --space-lg-sm: 20px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
}