:root {
  --color-bg: #050508;
  --color-bg-alt: #0a0a10;
  --color-bg-card: rgba(14, 14, 22, 0.65);
  --color-bg-elevated: #111118;

  --color-accent: #00d4aa;
  --color-accent-dim: rgba(0, 212, 170, 0.10);
  --color-accent-glow: rgba(0, 212, 170, 0.06);
  --color-accent-2: #7c5cfc;
  --color-accent-3: #ff6b9d;

  --color-text: #e8e6e1;
  --color-text-dim: rgba(232, 230, 225, 0.55);
  --color-text-muted: rgba(232, 230, 225, 0.25);
  --color-text-bright: #ffffff;

  --glass-bg: rgba(14, 14, 22, 0.55);
  --glass-border: rgba(255, 255, 255, 0.06);
  --glass-border-hover: rgba(0, 212, 170, 0.25);
  --glass-blur: 24px;

  --gradient-primary: linear-gradient(135deg, #00d4aa, #5de6d6, #7c5cfc);
  --gradient-warm: linear-gradient(135deg, #ff6b9d, #c084fc, #7c5cfc);
  --gradient-glow: radial-gradient(circle, rgba(0, 212, 170, 0.15), transparent 70%);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;
  --space-3xl: 12rem;

  --max-w: 1320px;
  --nav-h: 72px;
  --radius: 20px;
  --radius-sm: 10px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-dramatic: cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 60px rgba(0, 212, 170, 0.12);
  --shadow-glow-strong: 0 0 100px rgba(0, 212, 170, 0.2);
}