:root{
/* Color */
--obsidian-950:#0A0A0B;
--obsidian-900:#131315;
--obsidian-800:#1C1C1F;
--charcoal-700:#2A2A2E;
--charcoal-600:#3C3C42;
--stone-500:#7E7E85;
--stone-300:#B6B6BD;
--sand-200:#E8DFC8;
--ivory-100:#F3EEE3;
--ivory-50:#FCFBF8;
--white:#FFFFFF;
--gold-300:#FBF0C4;
--gold-400:#F8E7A8;
--gold-500:#F5DE8A;
--gold-600:#EFD778;
--gold-700:#E5C95F;
--terracotta-600:#C0392B;
--forest-600:#4B6B4F;
--bg-page:var(--ivory-50);
--bg-surface:var(--white);
--bg-surface-muted:var(--ivory-100);
--bg-inverse:var(--obsidian-950);
--bg-inverse-raised:var(--obsidian-800);
--text-primary:var(--obsidian-950);
--text-secondary:var(--charcoal-600);
--text-muted:var(--stone-500);
--text-on-inverse:var(--ivory-50);
--text-on-inverse-muted:var(--stone-300);
--accent-gold:var(--gold-500);
--accent-gold-strong:var(--gold-600);
--accent-gold-soft:var(--gold-300);
--border-hairline:rgba(10,10,11,0.14);
--border-hairline-inverse:rgba(252,251,248,0.22);
--border-gold:var(--gold-500);
--state-error:var(--terracotta-600);
--state-success:var(--forest-600);

/* Spacing */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--container-max:1280px;
--container-padding:clamp(20px,4vw,64px);

/* Typography */
--font-display:'Butler','Marcellus',serif;
--font-sans:'Work Sans',-apple-system,sans-serif;
--text-display-xl:4.5rem;
--text-display-l:3rem;
--text-display-m:2.25rem;
--text-display-s:1.625rem;
--text-body-l:1.1875rem;
--text-body-m:1rem;
--text-body-s:0.875rem;
--text-label:0.75rem;
--leading-display:1.12;
--leading-body:1.6;
--leading-label:1.2;
--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-label:0.18em;
--tracking-label-wide:0.28em;
--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

/* Effects */
--radius-none:0px;
--radius-sm:2px;
--radius-md:4px;
--radius-pill:999px;
--shadow-card:0 1px 2px rgba(10,10,11,0.04),0 8px 24px rgba(10,10,11,0.06);
--shadow-raised:0 4px 12px rgba(10,10,11,0.08),0 20px 48px rgba(10,10,11,0.10);
--shadow-gold-glow:0 0 0 1px rgba(245,222,138,0.35),0 12px 32px rgba(245,222,138,0.14);
--ease-standard:cubic-bezier(0.4,0,0.2,1);
--ease-out:cubic-bezier(0.16,1,0.3,1);
--duration-fast:160ms;
--duration-standard:280ms;
--duration-slow:480ms;
--border-hairline-w:1px;
}