:root {
    /* Primary palette — Navy + Red/Crimson from brand */
    --navy: #111B33;
    --navy-mid: #1A2844;
    --navy-light: #243556;
    --red: #B71C2F;
    --red-dark: #8B1525;
    --red-light: #D42942;
    --silver: #C0C0C0;
    --silver-light: #E8E8E8;

    /* Surfaces */
    --bg: #F5F6F8;
    --surface: #FFFFFF;
    --surface-alt: #EEF0F4;

    /* Text */
    --text: #1A1A2E;
    --text-muted: #5A6070;
    --text-light: #F8F9FA;

    /* Borders */
    --border: #D8DCE4;
    --border-light: #EAEDF2;

    /* Buttons */
    --btn-primary-bg: var(--red);
    --btn-primary-text: #FFFFFF;
    --btn-primary-hover: var(--red-dark);
    --btn-outline-border: var(--red);
    --btn-outline-text: var(--red);
    --btn-outline-hover-bg: var(--red);
    --btn-outline-hover-text: #FFFFFF;

    /* Layout */
    --max-w: 75rem;
    --gut: clamp(1rem, 5vw, 3rem);

    /* Typography */
    --sans: 'Red Hat Text', system-ui, -apple-system, sans-serif;
    --serif: Georgia, 'Times New Roman', serif;
    --mono: 'Cascadia Code', 'Fira Code', monospace;

    /* Transitions */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --dur: 200ms;

    /* Header */
    --ticker-h: 2.5rem;
    --header-h: 4.5rem;
    --shell-h: calc(var(--ticker-h) + var(--header-h));

    /* Shadows */
    --shadow-sm: 0 0.0625rem 0.25rem rgba(0,0,0,0.06);
    --shadow-md: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
    --shadow-lg: 0 0.5rem 1.5rem rgba(0,0,0,0.15);
}