/* Neon - verzadigd, hard contrast, gloeiende randen. Luid met opzet. */
:root[data-pack="neon"] {
  --good:  #2bff9e;
  --bad:   #ff3d6e;
  --amber: #ffd23d;

  /* Afgeleid, niet apart opgegeven: een pack dat --good zet krijgt de zachte
     achtergrond en de rand er gratis bij, in zijn eigen contrast. Dit was de
     bug waardoor een dalende tokens/min beige werd op een neon-thema: het pack
     zette --amber wel, maar --amber-soft viel terug op het lichte thema. */
  --good-soft:   color-mix(in oklch, var(--good) 14%, var(--surface));
  --good-border: color-mix(in oklch, var(--good) 34%, var(--surface));
  --bad-soft:    color-mix(in oklch, var(--bad) 14%, var(--surface));
  --bad-border:  color-mix(in oklch, var(--bad) 34%, var(--surface));
  --amber-soft:  color-mix(in oklch, var(--amber) 14%, var(--surface));
  --amber-border:color-mix(in oklch, var(--amber) 34%, var(--surface));

  color-scheme: dark;
  --bg: #06030f; --bg-soft: #0a0518; --surface: #100a22;
  --surface-2: #160e2e; --surface-3: #1d133a;
  --border: #2e1f5c; --border-strong: #452e85;
  --text: #f4f0ff; --text-2: #a99cd6; --text-3: #7466a8;
  --r-lg: 20px; --r-xl: 28px;
}
:root[data-pack="neon"] .card,
:root[data-pack="neon"] .kpi {
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--accent) 22%, transparent),
              0 8px 32px color-mix(in oklch, var(--accent) 12%, transparent);
}
:root[data-pack="neon"] .brand-mark,
:root[data-pack="neon"] .avatar {
  box-shadow: 0 0 14px color-mix(in oklch, var(--accent) 55%, transparent);
}