/* ============================================================
   AuroraVision — COLOR TOKENS
   Dark, deep-space base + holographic neon laser spectrum.
   Base values first, then semantic aliases.
   ============================================================ */
:root {
  /* ---- Base: deep-space surfaces (cool blue-black) ---- */
  --av-void:        #04050c;   /* deepest backdrop / behind everything */
  --av-bg:          #080a16;   /* app background */
  --av-surface-1:   #0e1120;   /* primary panel */
  --av-surface-2:   #141829;   /* raised panel / card */
  --av-surface-3:   #1c2138;   /* overlay / hover fill */
  --av-surface-4:   #262c47;   /* active / pressed fill */

  /* ---- Hairlines & dividers (light on dark) ---- */
  --av-line:        rgba(176, 198, 255, 0.10);
  --av-line-strong: rgba(176, 198, 255, 0.18);
  --av-line-neon:   rgba(47, 242, 255, 0.45);

  /* ---- Neon laser spectrum (the beam palette) ---- */
  --av-cyan:        #2ff2ff;   /* aurora cyan — primary signal */
  --av-cyan-bright: #7afaff;
  --av-cyan-deep:   #0bb8d6;
  --av-azure:       #3b74ff;   /* electric blue */
  --av-violet:      #8b5cff;   /* hologram violet */
  --av-magenta:     #ff4fd8;   /* laser magenta/pink */
  --av-mint:        #2be6a0;   /* aurora green */
  --av-amber:       #ffc24b;   /* beam amber (price/highlight) */

  /* ---- Text (cool whites) ---- */
  --av-text:        #eaf0ff;   /* primary text */
  --av-text-muted:  #9aa6c7;   /* secondary */
  --av-text-dim:    #5e6a8c;   /* tertiary / captions */
  --av-text-ghost:  #41496b;   /* placeholder text */
  --av-text-on-neon:#04060f;   /* text on bright neon fills */

  /* ---- Semantic ---- */
  --av-success:     #2be6a0;
  --av-success-dim: rgba(43, 230, 160, 0.16);
  --av-warning:     #ffc24b;
  --av-warning-dim: rgba(255, 194, 75, 0.16);
  --av-danger:      #ff5a6e;
  --av-danger-dim:  rgba(255, 90, 110, 0.16);
  --av-info:        #2ff2ff;
  --av-info-dim:    rgba(47, 242, 255, 0.14);

  /* ---- Brand aliases ---- */
  --av-primary:        var(--av-cyan);
  --av-primary-press:  var(--av-cyan-deep);
  --av-on-primary:     var(--av-text-on-neon);

  /* ---- Semantic surface aliases ---- */
  --surface-app:    var(--av-bg);
  --surface-card:   var(--av-surface-2);
  --surface-raised: var(--av-surface-3);
  --text-body:      var(--av-text);
  --text-muted:     var(--av-text-muted);
  --border-default: var(--av-line);

  /* ---- Gradients ---- */
  /* text / accent sweep (use sparingly, e.g. display headings) */
  --av-grad-aurora:  linear-gradient(110deg, #2ff2ff 0%, #3b74ff 38%, #8b5cff 68%, #ff4fd8 100%); /* @kind color */
  --av-grad-beam:    linear-gradient(180deg, rgba(47,242,255,0.0) 0%, rgba(47,242,255,0.55) 50%, rgba(139,92,255,0.0) 100%); /* @kind color */
  --av-grad-panel:   linear-gradient(180deg, rgba(176,198,255,0.05) 0%, rgba(176,198,255,0.0) 100%); /* @kind color */

  /* ---- Signature soft-mesh backgrounds (elegant, low-contrast blobs) ---- */
  /* full-bleed page/section mesh: deep blue base with drifting saturated blooms */
  --av-bg-mesh: radial-gradient(70% 90% at 12% 18%, rgba(59,116,255,0.44) 0%, rgba(59,116,255,0) 55%),
                radial-gradient(60% 80% at 88% 22%, rgba(139,92,255,0.40) 0%, rgba(139,92,255,0) 55%),
                radial-gradient(80% 90% at 72% 100%, rgba(47,242,255,0.22) 0%, rgba(47,242,255,0) 55%),
                radial-gradient(60% 70% at 26% 96%, rgba(255,79,216,0.16) 0%, rgba(255,79,216,0) 55%),
                #070912; /* @kind color */
  /* gentle top haze to lift dark panels (replaces old heavy smoke) */
  --av-grad-haze: radial-gradient(120% 90% at 50% -10%, rgba(59,116,255,0.16) 0%, rgba(139,92,255,0.06) 40%, rgba(7,9,18,0) 72%); /* @kind color */
}