:root {
    --clr-bg: #0B0D13;
    --clr-surface: #111827;
    --clr-surface-hover: #1B2130;
    --clr-border: rgba(212,168,67,0.22);
    --clr-gold: #D4A843;
    --clr-gold-bright: #E9C678;
    --clr-accent: #F59E0B;
    --clr-text: #F7F3E5;
    --clr-muted: #BCB3A0;
    --clr-dim: #8A8370;
    --clr-green: #3FB950;
    --clr-red: #F85149;
    --ff-heading: 'General Sans', system-ui, sans-serif;
    --ff-body: 'Inter', system-ui, sans-serif;
    --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-black: 800;
    --fs-xs: 0.6875rem; --fs-sm: 0.8125rem; --fs-base: 0.9375rem;
    --fs-lg: 1.0625rem; --fs-xl: 1.25rem; --fs-2xl: 1.5rem;
    --fs-3xl: 2rem; --fs-4xl: 2.5rem; --fs-5xl: 3.25rem;
    --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;
    --max-w: 1180px; --max-w-narrow: 720px; --gutter: 20px;
    --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:9999px;
    --shadow-card: 0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px var(--clr-border);
    --ease: cubic-bezier(0.4,0,0.2,1); --dur: 200ms;
}