:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#2c5f7d;--primary-600:#1e4a5f;--primary-700:#163a4a;--primary-800:#0f2a38;--primary-900:#0a1f2e;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--accent-sage:#6b8e7f;--accent-rust:#c85a3e;--accent-gold:#d4a574;--success-500:#059669;--success-600:#047857;--warning-500:#d97706;--error-500:#dc2626;--magazine-text-primary:var(--gray-900);--magazine-text-secondary:var(--gray-600);--magazine-text-muted:var(--gray-500);--magazine-bg-primary:#ffffff;--magazine-bg-secondary:var(--gray-50);--magazine-bg-accent:#fafaf9;--magazine-border:var(--gray-200);--magazine-border-light:var(--gray-100);--footer-bg:#1c1917;--footer-bg-secondary:#292524;--footer-text:#f5f5f4;--footer-text-light:#a8a29e;--footer-border:#44403c;--footer-link-hover:var(--primary-400);--gradient-subtle:linear-gradient(180deg, #ffffff 0%, #fafaf9 100%);--gradient-depth:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.02) 100%);--gradient-section:linear-gradient(180deg, #fafaf9 0%, #ffffff 100%);--header-height:140px;--header-top-height:36px;--header-main-height:72px;--header-secondary-height:32px;--header-bg:#ffffff;--header-border:var(--gray-200);--header-shadow:0 1px 3px rgba(0, 0, 0, 0.06);--header-sticky-shadow:0 2px 8px rgba(0, 0, 0, 0.08);--primary-color:var(--primary-500);--primary-hover:var(--primary-700);--text-dark:var(--gray-900);--text-medium:var(--gray-700);--text-light:var(--gray-600);--text-muted:var(--gray-500);--text-white:#ffffff;--border-light:var(--gray-200);--border-radius:var(--radius-md);--transition:all 0.3s ease;--mobile-breakpoint:768px;--tablet-breakpoint:1024px;--z-header:1000;--z-dropdown:1001;--z-mobile-menu:1002;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--content-width:680px;--wide-content-width:1120px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--section-spacing-sm:3rem;--section-spacing-md:5rem;--section-spacing-lg:7rem;--primary:var(--primary-500);--primary-dark:var(--primary-700);--light-gray:var(--gray-100);--medium-gray:var(--gray-300);--dark-gray:var(--gray-700);--white:#ffffff;--success:var(--success-500);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--font-serif:Georgia, 'Times New Roman', serif;--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-mono:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.03);--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.06);--shadow-md:0 4px 8px -2px rgb(0 0 0 / 0.06);--shadow-lg:0 10px 20px -5px rgb(0 0 0 / 0.08);--shadow-xl:0 20px 30px -8px rgb(0 0 0 / 0.1);--shadow-card:0 2px 8px rgba(0, 0, 0, 0.04);--shadow-hover:0 4px 16px rgba(0, 0, 0, 0.08);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-smooth:cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--focus-ring:0 0 0 3px rgba(44, 95, 125, 0.1);--focus-ring-offset:2px;--article-width:680px;--article-padding:2rem;--article-line-height:1.75;--pullquote-border:4px solid var(--primary-500);--card-bg:#ffffff;--card-border:var(--gray-200);--card-shadow:var(--shadow-card);--card-shadow-hover:var(--shadow-hover);--card-radius:var(--radius-lg);--nav-link-color:var(--gray-700);--nav-link-hover:var(--gray-900);--nav-link-active:var(--primary-600);--nav-border-active:2px solid var(--primary-500)}