:root {
    --brand-burgundy: #800020;
    --brand-wine: #722F37;
    --brand-wine-dark: #4A1528;
    --brand-purple: #6A0DAD;
    --brand-purple-deep: #3B185F;
    --brand-lavender: #F0E8F7;
    --brand-rose: #F8EEF1;
    --color-white: #FFFFFF;
    --color-bg: #FAF8FC;
    --color-ink: #26212B;
    --color-muted: #716977;
    --color-line: #E8E1EB;
    --color-success: #21865B;
    --color-success-soft: #E5F4ED;
    --color-warning: #D97706;
    --color-warning-soft: #FEF4E6;
    --color-danger: #C62828;
    --color-danger-soft: #FDECEC;

    --vy-pine: var(--brand-burgundy);
    --vy-pine-deep: var(--brand-wine-dark);
    --vy-pine-soft: var(--brand-rose);
    --vy-clay: var(--brand-wine);
    --vy-clay-deep: var(--brand-purple-deep);
    --vy-sand: var(--color-bg);
    --vy-sand-2: #E4DCE8;
    --vy-paper: var(--color-white);
    --vy-ink: var(--color-ink);
    --vy-muted: var(--color-muted);
    --vy-line: var(--color-line);
    --vy-gold: var(--brand-wine);
    --vy-success: var(--color-success);
    --vy-warning: var(--color-warning);
    --vy-danger: var(--color-danger);
    --vy-info: var(--brand-purple-deep);

    --vy-radius: 14px;
    --vy-radius-sm: 8px;
    --vy-shadow-sm: 0 1px 2px rgba(38, 33, 43, 0.04), 0 10px 24px rgba(74, 21, 40, 0.05);
    --vy-shadow: 0 16px 36px rgba(74, 21, 40, 0.08);
    --vy-shadow-lg: 0 28px 60px rgba(74, 21, 40, 0.16);
    --vy-header: 118px;

    --font-display: "Fraunces", "Times New Roman", serif;
    --font-body: "Source Sans 3", "Segoe UI", sans-serif;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 72px;

    --bs-primary: #800020;
    --bs-primary-rgb: 128, 0, 32;
    --bs-link-color: #800020;
    --bs-link-hover-color: #4A1528;
    --bs-body-color: #26212B;
    --bs-body-bg: #FAF8FC;
    --bs-border-color: #E8E1EB;
    --bs-secondary-color: #716977;
    --bs-border-radius: 8px;
    --bs-focus-ring-color: rgba(128, 0, 32, 0.28);
}