:root {
    --color-primary: #9C4B32;
    --color-secondary: #1A2420;
    --color-accent: #5E7A5A;
    --color-highlight: #8B6B3E;

    --surface: #FFFFFF;
    --surface-2: #F4F4F4;
    --paper: #FFFFFF;
    --ink: var(--color-secondary);
    --muted: #6A6258;
    --line: color-mix(in srgb, var(--color-secondary) 12%, transparent);
    --line-strong: color-mix(in srgb, var(--color-secondary) 22%, transparent);

    --radius-sm: 2px;
    --radius: 6px;
    --radius-lg: 14px;
    --radius-pill: 9999px;

    --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --font-cosmetic: "Playfair Display", "Cormorant Garamond", Georgia, serif;
    --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

    --shadow-soft: 0 18px 40px -28px color-mix(in srgb, var(--color-secondary) 45%, transparent);
    --header-h: 4.75rem;
}

.text-brand-primary { color: var(--color-primary) !important; }
.bg-brand-primary { background-color: var(--color-primary) !important; }
.border-brand-primary { border-color: var(--color-primary) !important; }

.text-brand-secondary { color: var(--color-secondary) !important; }
.bg-brand-secondary { background-color: var(--color-secondary) !important; }
.border-brand-secondary { border-color: var(--color-secondary) !important; }

.text-brand-accent { color: var(--color-accent) !important; }
.bg-brand-accent { background-color: var(--color-accent) !important; }
.border-brand-accent { border-color: var(--color-accent) !important; }

.text-brand-highlight { color: var(--color-highlight) !important; }
.bg-brand-highlight { background-color: var(--color-highlight) !important; }
.border-brand-highlight { border-color: var(--color-highlight) !important; }