:root {
    --color-ivory: #faf6ef;
    --color-cream: #f3eadc;
    --color-paper: #fffdf8;
    --color-maroon: #7f1d2d;
    --color-ruby: #9b2840;
    --color-gold: #b89043;
    --color-green: #34564a;
    --color-navy: #243648;
    --color-text: #2b251e;
    --color-muted: #6d6257;
    --color-border: rgba(127, 29, 45, 0.18);
    --color-shadow: rgba(36, 54, 72, 0.12);
    --color-success-bg: #edf7f1;
    --color-success-text: #24563a;
    --color-error-bg: #fff0f0;
    --color-error-text: #7a1f25;
    --color-warning-bg: #fff7e5;
    --color-warning-text: #73521a;

    --font-heading: Georgia, "Times New Roman", serif;
    --font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    --spacing-2xs: 0.375rem;
    --spacing-xs: 0.625rem;
    --spacing-sm: 0.875rem;
    --spacing-md: 1.25rem;
    --spacing-lg: 1.75rem;
    --spacing-xl: 2.5rem;
    --spacing-2xl: 4rem;

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-pill: 999px;

    --shadow-sm: 0 8px 24px var(--color-shadow);
    --shadow-md: 0 20px 45px rgba(36, 54, 72, 0.16);

    --content-max: 1180px;
    --transition: 180ms ease;
}