/* Design tokens: every colour, font and spacing of the site lives here. */
:root {
    --color-text: #1c1917;
    --color-muted: #57534e;
    --color-background: #fafaf9;
    --color-surface: #ffffff;
    --color-accent: #b45309;
    --color-border: #e7e5e4;

    --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-heading: var(--font-body);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;

    --radius: 0.5rem;
    --content-width: 64rem;
}