:root {
  --bg-main: #0a0f0d;
  --bg-surface: #0d0f0e;
  --bg-surface-alt: #0c1410;
  --emerald-500: #10b981;
  --emerald-400: #34d399;
  --teal-500: #14b8a6;
  --teal-400: #2dd4bf;
  --teal-600: #0d9488;
  --text-white: #ffffff;
  --text-gray-400: #9ca3af;
  --text-gray-500: #6b7280;
  --text-gray-600: #4b5563;
  --white-05: #0d0e0d;
  --white-10: #1a1b1a;
  --emerald-10: #0f1f18;
  --emerald-20: #0f2e22;

  --gradient-cta: linear-gradient(90deg, #10b981, #14b8a6);
  --gradient-hero: linear-gradient(180deg, #070d09 0%, #0a1a12 45%, #0d0f0e 100%);
  --gradient-showcase: linear-gradient(180deg, #0a1a12 0%, #0d2818 45%, #0a0f0d 100%);

  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Plus Jakarta Sans', 'DM Sans', sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.25);
  --shadow-glow: 0 0 45px rgba(16, 185, 129, 0.2);

  --header-h: 64px;
  --container: 1125px;
}