:root {
    /* Brand colors */
    --color-teal: #155259;
    --color-gold: #BF9765;
    --color-terracotta: #BF755A;
    --color-off-white: #F4F1EA;
    --color-near-black: #171412;

    /* Semantic aliases */
    --color-bg: var(--color-off-white);
    --color-ink: var(--color-near-black);
    --color-accent: var(--color-gold);
    --color-accent-warm: var(--color-terracotta);
    --color-brand: var(--color-teal);

    /* Fonts */
    --font-display: "Fraunces", Georgia, serif;
    --font-body: "Work Sans", -apple-system, Helvetica, Arial, sans-serif;
    --font-mono: "Space Mono", "Courier New", monospace;

    /* Spacing scale */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;
    --space-7: 6rem;

    /* Layout */
    --content-max: 1120px;
    --radius-sm: 4px;
    --radius-md: 10px;

    /* Shadows */
    --shadow-card: 0 8px 24px rgba(23, 20, 18, 0.10);
    --shadow-lift: 0 4px 14px rgba(23, 20, 18, 0.16);
}