/* ===================================================================
   Brandevo — Design Tokens
   Colors derived directly from assets/logos/logo-icon.png
   Blue  #4A02FB  →  Violet #8A2BFF  →  Magenta #FB01F5
   Replace only the --brand-* values below to re-theme the entire site
   from a different logo.
=================================================================== */
:root{
  /* Brandevo is dark-only — tells the browser to render native controls
     (select dropdowns, scrollbars, date pickers) with dark chrome instead
     of defaulting to a light popup that clashes with the theme. */
  color-scheme: dark;

  /* ---- Brand core (from logo) ---- */
  --brand-blue: #4A0FFB;
  --brand-violet: #8A2BFF;
  --brand-magenta: #F80FEC;
  --brand-magenta-soft: #FF4DF4;

  --brand-gradient: linear-gradient(115deg, var(--brand-blue) 0%, var(--brand-violet) 50%, var(--brand-magenta) 100%);
  --brand-gradient-soft: linear-gradient(115deg, rgba(74,15,251,.35) 0%, rgba(138,43,255,.35) 50%, rgba(248,15,236,.35) 100%);
  --brand-gradient-radial: radial-gradient(circle, var(--brand-violet) 0%, var(--brand-blue) 100%);

  /* ---- Dark foundation ---- */
  --bg-void: #050308;
  --bg-deep: #08050F;
  --bg-surface: #0D0817;
  --bg-elevated: #130C24;
  --bg-elevated-2: #180F2C;

  /* ---- Glass ---- */
  --glass-bg: rgba(255, 255, 255, 0.045);
  --glass-bg-strong: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-border-strong: rgba(255, 255, 255, 0.18);
  --glass-highlight: rgba(255, 255, 255, 0.14);
  --glass-blur: 18px;
  --glass-blur-strong: 32px;

  /* ---- Text ---- */
  --text-primary: #F6F4FB;
  --text-secondary: #B7B0CC;
  --text-tertiary: #7D7693;
  --text-on-brand: #FFFFFF;

  /* ---- Glow / shadow ---- */
  --glow-blue: 0 0 40px rgba(74, 15, 251, 0.35);
  --glow-magenta: 0 0 40px rgba(248, 15, 236, 0.30);
  --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.35);

  /* ---- Radius ---- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* ---- Type ---- */
  --font-heading: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16,.84,.44,1);
  --ease-soft: cubic-bezier(.22,1,.36,1);
  --dur-fast: 220ms;
  --dur-med: 420ms;
  --dur-slow: 800ms;

  /* ---- Layout ---- */
  --container-w: 1240px;
  --nav-h: 84px;
}