:root{--color-primary:#1a1a1a;--color-secondary:128 108 80;--color-accent:#806c50;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827;--space-2:0.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--z-base:0;--z-decorative:10;--z-sticky:20;--z-dropdown:30;--z-overlay:40;--z-modal:50;--z-notification:60;--font-display:clamp(4rem,8vw,6rem);--font-h1:clamp(2.5rem,4vw,3.5rem);--font-h2:clamp(2rem,3vw,2.5rem);--font-h3:clamp(1.5rem,2vw,1.75rem);--font-body-lg:1.125rem;--font-body:1rem;--font-body-sm:0.875rem;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.2em}