:root {
    color-scheme: light;
    --paper: #f5f3ef;
    --ink: #111413;
    --muted: #626865;
    --line: #cacbc6;
    --card: #ffffff;
    --black: #101413;
    --red: #ed343b;
    --red-dark: #b71924;
    --teal: #00776f;
    --navy: #2a628c;
    --navy-surface: #183b58;
    --soft-red: #f8d9d7;
    --soft-teal: #d8ece8;
    --soft-navy: #dbe5ee;
    --white: #fff;
    --dark-text: #eef2ef;
    --dark-muted: #c7cfcb;
    --dark-line: #5d6762;
    --dark-panel: #1a201d;
    --serif: "Newsreader", Georgia, serif;
    --sans: "DM Sans", system-ui, sans-serif;
    --max: 1280px;
    --pad: 64px;
    --section-title: 60px;
    --page-hero: 92px;
    --section-pad: 112px;
    --cta-band: 216px;
    --header-offset: 88px;
}

@media (max-width: 900px) {
    :root {
        --pad: 20px;
        --page-hero: 64px;
        --section-title: 36px;
        --section-pad: 64px;
    }
}