:root {
    color-scheme: light dark;
    --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;
    --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --section-title: 60px;
    --page-hero: 92px;
    --section-pad: 112px;
    --cta-band: 216px;
    --header-offset: 74px;
    --scroll-progress: 0;
}

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

@media (prefers-color-scheme: dark) {
    :root {
        --paper: #101312;
        --ink: #f4f2ed;
        --muted: #c0c8c3;
        --line: #4b5550;
        --card: #171b19;
        --soft-red: #422124;
        --soft-teal: #163d39;
        --soft-navy: #213443;
        --teal: #62d7cc;
        --navy: #8fc2e6;
    }
}