:root {
    --color-green-900: #073e30;
    --color-green-700: #385c4c;
    --color-gold-500: #bba176;
    --color-gold-300: #e5d3aa;
    --color-taupe-500: #a99d88;
    --color-cream-100: #f7f1e3;
    --color-ink: #19221e;
    --color-surface: #ffffff;
    --color-focus: #0c5d8b;
    --form-control-border: rgb(7 62 48 / 55%);
    --form-control-background: rgb(247 241 227 / 62%);
    --form-control-focus-ring: rgb(187 161 118 / 35%);
    --background-green-gradient:
        radial-gradient(ellipse at 50% 42%, rgb(56 92 76 / 58%) 0%, transparent 68%),
        linear-gradient(135deg, #073e30 0%, #032d24 100%);

    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.5rem;
    --space-2xl: clamp(3.5rem, 8vw, 8rem);

    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-brand: "Rye", Georgia, "Times New Roman", serif;
    --font-display: Georgia, "Times New Roman", serif;
    --font-size-body: clamp(1rem, 0.95rem + 0.15vw, 1.125rem);
    --font-size-title: clamp(2.25rem, 5vw, 5.5rem);
    --line-height-body: 1.55;
    --line-height-title: 1.05;

    font-synthesis: none;

    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --focus-width: 0.1875rem;
    --focus-offset: 0.1875rem;
    --container-max: 75rem;
    --container-gutter: clamp(1rem, 4vw, 3rem);
}