/* ============================================================
   EVANIUM · Tokens — spacing, radii, shadows, motion
   ============================================================ */

:root {
  /* ── SPACING (4px base) ─────────────────────────────────── */
  --space-0:    0;
  --space-1:    4px;
  --space-2:    8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   48px;
  --space-8:   64px;
  --space-9:   96px;
  --space-10: 128px;
  --space-11: 192px;

  /* ── RADII ──────────────────────────────────────────────── */
  --r-0:    0; /* @kind radius */      /* tiles, the default */
  --r-1:    4px;     /* chips, inputs */
  --r-2:    8px;     /* content cards, max for rectangles */
  --r-full: 999px;   /* avatars, play buttons */

  /* ── BORDERS ────────────────────────────────────────────── */
  --bw-hair:  1px;
  --bw-bold:  2px;
  --bw-tile:  3px;   /* the thick white outline of the Ev tile */

  /* ── SHADOWS / GLOWS ────────────────────────────────────── */
  /* No drop shadows for flat content. Glow halos for neon hover/play. */
  --shadow-none: none;

  --halo-plasma-sm: 0 0 16px rgba(255, 31, 138, 0.40);
  --halo-plasma:    0 0 32px rgba(255, 31, 138, 0.55);
  --halo-plasma-lg: 0 0 64px rgba(255, 31, 138, 0.50), 0 0 16px rgba(255, 31, 138, 0.30);

  --halo-cosmic:    0 0 32px rgba(123, 43, 255, 0.55);
  --halo-cosmic-lg: 0 0 64px rgba(123, 43, 255, 0.50), 0 0 16px rgba(123, 43, 255, 0.30);

  --halo-ember:     0 0 32px rgba(255, 138, 31, 0.55);

  /* Inset top highlight — gives dark tiles physicality */
  --inset-hi: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* ── MOTION ─────────────────────────────────────────────── */
  --dur-fast:    150ms;  /* @kind other */
  --dur-base:    250ms;  /* @kind other */
  --dur-slow:    600ms;  /* @kind other */
  --dur-orbit:    20s; /* @kind other */  /* the rotating scroll-down badge */

  --ease-out-expo:  cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-linear:    linear; /* @kind other */
}