body, html {
    /* ------------------------------------------------------------
       UVA / Virginia Athletics palette  (PRIMARY BRAND)
       Sampled from virginiasports.com. Same three token names as the
       Xavier template, so the Site Builder / templating tooling still works.
       ------------------------------------------------------------ */
    --dark-color: #232D4B;   /* Virginia navy (Jefferson Blue) */
    --light-color: #F84C1E;  /* Virginia orange                */
    --med-color: #B8BDC9;    /* cool grey: nav hover, quote marks */

    /* UVA support tokens */
    --dark-deep: #141A2E;    /* darker navy for gradients / final CTA   */
    --surface: #EDEEF0;      /* UVA light grey section background        */
    --surface-soft: #F6F7F9; /* card / block fill                        */
    --line: #E1E4EA;         /* hairlines and card borders               */
    --text-body: #3C4552;
    --text-muted: #5A6475;

    /* Small orange TEXT on white. #F84C1E is only ~3.5:1 on white, so text
       under ~19px bold uses this darker orange (5.4:1). Fills, borders and
       large headlines keep the true brand orange. */
    --accent-ink: #C23A12;

    /* ------------------------------------------------------------
       MAVEN sub-brand  (from "Maven Brand Guide - Virginia")
       Only used inside .maven-zone and the hero lockup.
       ------------------------------------------------------------ */
    --maven-black: #000000;     /* main background          */
    --maven-charcoal: #141414;  /* alternate sections/cards */
    --maven-red: #FF2A42;       /* buttons + one or two words */
    --maven-white: #FFFFFF;
    --maven-gray: #999999;      /* secondary text           */
    --maven-gold: #CBAA65;      /* rare, premium touches    */

    /* ------------------------------------------------------------
       Type
       UVA: Libre Franklin is the closest free match to the Franklin-style
       grotesque on virginiasports.com (inferred from screenshots).
       Maven: Inter everywhere + any monospace for the small labels.
       ------------------------------------------------------------ */
    --font-uva: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --font-maven: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

    /* Layout */
    --nav-height: 72px;      /* fixed nav; drives body padding + scroll-padding */
}

/* Shorter fixed nav on phones. Lives here (not style.css) so it can override
   the token above regardless of stylesheet order. */
@media (max-width: 767.98px) {
    body, html {
        --nav-height: 64px;
    }
}