:root {
    /* Brand — yellow baseline preserved */
    --rush-yellow: #E8FE04;
    --rush-yellow-hover: #d4e803;
    --rush-yellow-muted: #f5fcc4;
    --rush-yellow-subtle: rgba(232, 254, 4, 0.12);

    /* Neutrals */
    --rush-dark: #1a1a1a;
    --rush-dark-secondary: #4a4a4a;
    --rush-gray: #8a8a8a;
    --rush-border: #e8e8e8;
    --rush-bg: #fafafa;
    --rush-surface: #ffffff;
    --rush-footer-bg: #1a1e25;

    /* Semantic */
    --rush-success: #2d8a4e;
    --rush-error: #c0392b;
    --rush-info: #4a4a4a;

    /* Spacing (8px base) */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Typography */
    --font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;

    /* Radius — two tiers only */
    --radius-sm: 6px;
    --radius-md: 12px;

    /* Shadow */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);

    /* Bootstrap theme overrides */
    --bs-warning: var(--rush-yellow);
    --bs-warning-rgb: 232, 254, 4;
    --bs-body-font-family: var(--font-family);
    --bs-body-color: var(--rush-dark);
    --bs-border-color: var(--rush-border);
    --bs-border-radius: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-md);
}