:root {
  --primary: #7C5CFF;
  --primary-soft: rgba(124, 92, 255, 0.18);
  --primary-glow: rgba(124, 92, 255, 0.28);
  --blue-accent: #4F8CFF;
  --bg: #0B1020;
  --surface: #111827;
  --surface-2: #151D31;
  --text: #FFFFFF;
  --muted: #94A3B8;
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.14);
  --green: #3EE089;
  --green-soft: rgba(62, 224, 137, 0.12);
  --yellow: #F6C85F;
  --blue: #5ED4FF;
  --blue-soft: rgba(94, 212, 255, 0.12);
  --red: #FB7185;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 8px;
  --radius-full: 999px;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 32px 120px rgba(0, 0, 0, 0.6);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}