/* ============================================================
   URBAN FLOW — design tokens (SINGLE SOURCE OF TRUTH)
   Adopted verbatim from the Claude Design handoff.
   Enqueued BEFORE base.css. Never hardcode/approximate a colour,
   size, radius or easing elsewhere — reference these variables.
   Documented in /DESIGN-SYSTEM.md.
   ============================================================ */
:root {
  /* ---- Surfaces ---- */
  --bg:        #05030c;
  --bg-2:      #0b0618;
  --panel:     rgba(20, 12, 38, 0.55);
  --panel-2:   rgba(28, 16, 52, 0.42);
  --line:      rgba(177, 77, 255, 0.18);

  /* ---- Neon ---- */
  --pink:      #ff3da6;
  --magenta:   #ff2d8f;
  --purple:    #b14dff;
  --violet:    #8b5bff;
  --cyan:      #2fe3ff;
  --blue:      #4d7bff;
  --amber:     #ffb74d;

  /* lead accent (tweakable) */
  --accent:      var(--magenta);
  --accent-2:    var(--cyan);

  /* ---- Text ---- */
  --text:      #f5eefc;
  --muted:     #bca7da;
  --faint:     #7b6aa0;

  /* ---- Type ---- */
  --display: "Anton", "Arial Narrow", sans-serif;
  --body:    "Archivo", system-ui, sans-serif;

  --maxw: 1240px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}