:root {
    /* ---- Brand palette (from H44 Lacrosse monogram logo) ---- */
    --h44-navy:        #1a2340; /* deep midnight navy — logo, headings */
    --h44-navy-deep:   #111830; /* darker navy — footers, overlays */
    --h44-navy-soft:   #1a234080; /* navy w/ alpha for washes */
    --h44-gold:        #b89968; /* warm antique gold accent */
    --h44-gold-bright: #cbae7d; /* brighter gold — hovers, highlights */
    --h44-cream:       #efe7d6; /* soft parchment background */
    --h44-cream-dark:  #e4d9c2; /* subtle contrast surface */
    --h44-ink:         #20242e; /* body text on cream */
    --h44-white:       #ffffff;

    /* ---- Semantic ---- */
    --color-bg:        var(--h44-cream);
    --color-surface:   var(--h44-white);
    --color-text:      var(--h44-ink);
    --color-heading:   var(--h44-navy);
    --color-accent:    var(--h44-gold);
    --color-accent-h:  var(--h44-gold-bright);
    --color-link:      var(--h44-navy);

    /* ---- Typography ---- */
    --font-display: 'Anton', 'Oswald', 'Arial Narrow', sans-serif; /* heavy varsity */
    --font-heading: 'Oswald', 'Arial Narrow', sans-serif;          /* condensed */
    --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* ---- Layout ---- */
    --content-width: 1140px;
    --gutter: clamp(1rem, 4vw, 2.5rem);
    --radius: 6px;
    --shadow-card: 0 8px 30px rgba(16, 29, 56, 0.12);

    /* ---- Spacing scale ---- */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
}