:root {

    /* Colors */
    --color-background: #ffffff;
    --color-text: #222222;
    --color-heading: #111111;
    --color-muted: #5c5c5c; /* darkened from #777 to pass WCAG AA at body-copy size */
    --color-border: #e8e8e8;

    /* Fonts */
    --font-serif: "Cormorant Garamond", Georgia, serif;
    --font-sans: Inter, Helvetica, Arial, sans-serif;

    /* Spacing scale (single source of truth) */
    --space-1: .5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 8rem;

    /* Widths */
    --content-width: 760px;
    --wide-width: 1400px;

}