:root {
  --bg-1: #0A0A0A;
  --bg-2: #121212;
  --text: #F3F4F6;
  --muted: #9CA3AF;
  --accent: #E11D48;
  --accent-2: #BE123C;
  --accent-glow: rgba(225, 29, 72, 0.4);
  --card: #171717;
  --card-2: #1F2937;
  --shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.5);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-accent: rgba(225, 29, 72, 0.3);
  --glass-bg: rgba(18, 18, 18, 0.4);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: blur(25px) saturate(160%);
  --glass-rim: 1px solid rgba(255, 255, 255, 0.12);
  --glass-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  --font-primary: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  --transition-fast: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --max-width: 75rem; 
  --header-height: 4.375rem; 
  --touch-target: 2.75rem; 
  --shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  --shadow-md: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.4);
  --shadow-accent: 0 0 1.875rem var(--accent-glow);
}