/**
 * Mirrored from ../iquq-design-system/tokens.css so this prototype loads when
 * `python3 -m http.server` is run from iquq-light-prototype/ (parent path is not served).
 */

:root {
  /* —— Brand / iQuQ core —— */
  --iquq-bg-deep: #0b0218;
  --iquq-bg-mid: #120426;
  --iquq-purple: #7c3aed;
  --iquq-purple-deep: #6523ce;
  --iquq-violet-glow: #9551ff;
  --iquq-overlay: #1b1033;
  --iquq-celebration: #5b21b6;

  /* —— Onboarding / hero purple band (Figma Onboarding 22; pairs with host-guest) —— */
  --iquq-onboarding-surface: #1f0b40;
  --iquq-onboarding-band-mid: #411c7c;
  /* Ring ellipses use brand deep at 0.3 opacity in SVG/CSS */

  /* —— Text —— */
  --text-primary: #fbfbfb;
  --text-secondary: #a0a0a0;
  --text-muted: #6b7280;

  /* —— Surfaces (Subo-like: layered dark cards on darker base) —— */
  --surface-0: #0b0218;
  --surface-1: #161022;
  --surface-2: #1e1630;
  --surface-elevated: #231a38;
  --surface-sheet: #1a1228;

  /* —— Accent (music + CTAs; orange nods to Subo energy without copying finance) —— */
  --accent-primary: var(--iquq-purple);
  --accent-hot: #f97316;
  --accent-success: #22c55e;
  --accent-danger: #c45c5c;

  /* —— Borders / hairlines —— */
  --border-subtle: rgba(199, 164, 255, 0.25);
  --border-strong: rgba(255, 255, 255, 0.08);

  /* —— Type (approximate SF Pro stack) —— */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --text-title: 600 1.375rem/1.25 var(--font-sans);
  --text-headline: 600 1.75rem/1.2 var(--font-sans);
  --text-body: 400 0.9375rem/1.45 var(--font-sans);
  --text-caption: 500 0.6875rem/1.3 var(--font-sans);
  --letter-wide: 0.06em;

  /* —— Layout —— */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --max-readable: 420px;

  /* —— Shadows (soft lift for cards) —— */
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 40px rgba(124, 58, 237, 0.15);
}