/* ==========================================================================
   TOKENS
   Design tokens shared by every layer below. Change a value here and it
   propagates everywhere it is used — this is the single source of truth
   for color, radius, shadow and glow across the whole framework.
   ========================================================================== */

:root {
  --ink: #05070b;
  --paper: #070a10;
  --panel: rgba(12, 17, 27, 0.76);
  --panel-strong: rgba(255, 255, 255, 0.1);
  --muted: #a9b4c3;
  --line: rgba(255, 255, 255, 0.14);
  --yellow: #fff000;
  --green: #35e48f;
  --red: #ff4d5a;
  --blue: #5a2478;
  --purple: #5a2478;
  --white: #ffffff;
  --radius: 8px;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.38);
  --glow: 0 0 34px rgba(90, 36, 120, 0.34), 0 0 28px rgba(255, 240, 0, 0.2);
}