:root{
  /* Blueprint Neon (unique palette) */
  --bg-0:#070B18;
  --bg-1:#0B1228;
  --surface:rgba(255,255,255,.06);
  --surface-2:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.14);

  --text:#EAF0FF;
  --muted:rgba(234,240,255,.72);

  --primary:#2FE7C1;   /* teal */
  --primary-2:#1BB8A8;
  --accent:#FF5C7A;    /* coral */
  --violet:#8E7CFF;    /* violet */
  --sand:#FFD7A8;      /* warm */
  --shadow:rgba(0,0,0,.42);

  --radius:18px;
  --radius-lg:24px;

  --focus: 0 0 0 .2rem rgba(47,231,193,.22);
  --glow-teal: rgba(47,231,193,.45);
  --glow-coral: rgba(255,92,122,.35);
  --glow-violet: rgba(142,124,255,.35);

  --grad-hero: radial-gradient(1200px 680px at 18% 20%, rgba(47,231,193,.18), transparent 60%),
               radial-gradient(900px 520px at 82% 25%, rgba(142,124,255,.18), transparent 60%),
               radial-gradient(900px 520px at 70% 85%, rgba(255,92,122,.14), transparent 60%),
               linear-gradient(180deg, var(--bg-0), var(--bg-1));
}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important; transition:none !important; animation:none !important;}
}