:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #15151f;
  --text-primary: rgba(255, 255, 255, 0.95);
  --text-secondary: rgba(255, 255, 255, 0.72);
  --text-muted: #9a9ab5;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 18px;
  --leading-tight: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;
  --accent-primary: #7c5dfa;
  --accent-primary-light: #9b7efb;
  --accent-secondary: #00d4aa;
  --accent-glow: rgba(124, 93, 250, 0.4);
  --accent-soft: rgba(124, 93, 250, 0.15);
  --gradient-primary: linear-gradient(135deg, #7c5dfa 0%, #8b6ffb 50%, #9b7efb 100%);
  --gradient-energy: linear-gradient(135deg, #7c5dfa 0%, #00d4aa 100%);
  --bg-gradient: linear-gradient(180deg, #0a0a0f 0%, #15151f 100%);
  --bg-gradient-premium:
    radial-gradient(ellipse 100% 70% at 50% -10%, rgba(99, 102, 241, 0.22) 0%, rgba(124, 93, 250, 0.12) 35%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 20% 50%, rgba(139, 92, 246, 0.14) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(0, 212, 170, 0.12) 0%, rgba(16, 185, 129, 0.06) 30%, transparent 50%),
    radial-gradient(ellipse 50% 30% at 70% 20%, rgba(196, 181, 253, 0.08) 0%, transparent 45%),
    linear-gradient(180deg, #06060a 0%, #0a0a0f 25%, #0f0f18 60%, #15151f 100%);
  --border: rgba(255, 255, 255, 0.08);
  --shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 12px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.25);
  --radius: 18px;
  --radius-sm: 12px;
  --font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Manrope", "Inter", sans-serif;
  --safe-left: env(safe-area-inset-left, 0);
  --safe-right: env(safe-area-inset-right, 0);
  --ai-eterna-brand-gradient: linear-gradient(135deg, #fff4d1 0%, #f4cf7a 45%, #e5a93b 100%);
  --ai-eterna-brand-stroke: rgba(255, 233, 184, 0.35);
  --ai-eterna-card-glow: rgba(124, 93, 250, 0.28);
  --ai-eterna-cursor-x: 50%;
  --ai-eterna-cursor-y: 50%;
  --ai-eterna-hero-shift-x: 0px;
  --ai-eterna-hero-shift-y: 0px;
  --ai-eterna-hero-tilt-x: 0deg;
  --ai-eterna-hero-tilt-y: 0deg;
  --ai-eterna-local-glow: rgba(0, 212, 170, 0.16);
  --ai-eterna-local-x: 50%;
  --ai-eterna-local-y: 50%;
}
