:root{--color-primary:#B85C3C;--color-primary-dark:#a04d2f;--color-accent:#D4A574;--color-accent-light:#e8c9a0;--color-dark:#2d2d2d;--color-gray:#666666;--color-gray-light:#999999;--color-light:#f9f9f9;--color-white:#ffffff;--color-live:#2ecc71;--color-upcoming:#3498db;--color-archived:#95a5a6;--color-error:#c41e3a;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--shadow-xl:0 12px 32px rgba(0, 0, 0, 0.15);--shadow-nav:0 2px 4px rgba(0, 0, 0, 0.05);--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--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.25rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.1em;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-2xl:8rem;--spacing-card-padding:2rem;--spacing-section-padding:4rem;--max-width-sm:640px;--max-width-md:800px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1400px;--card-width-sm:300px;--card-width-md:380px;--card-width-lg:480px;--z-base:1;--z-dropdown:100;--z-sticky:500;--z-nav:1000;--z-modal-backdrop:1100;--z-modal:1200;--z-toast:1300;--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--transition-base:all var(--duration-base) var(--ease-in-out);--transition-fast:all var(--duration-fast) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-in-out);--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px;--breakpoint-2xl:1920px;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-light:linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);--gradient-overlay-dark:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);--gradient-overlay-light:linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.8) 100%)}