/*
  NVP tokens.

  The palette is inherited from the kmab brand system, but NVP assigns it its own
  meaning — the two scores in this game are the two accent colours, everywhere,
  without exception:

      Value    = amber   you found the digit
      Position = green   you found its slot
      Purple            = the game itself: your turn, focus, primary action

  Because the colours mean something, nothing else is allowed to use them.
*/

:root {
  /* Brand accents */
  --purple-300: #D39BFF;
  --purple-400: #C270FF;
  --purple-500: #B24BFF;
  --purple-700: #6C1FA8;
  --purple-900: #2A0C42;

  --green-300: #7CEBB4;
  --green-500: #3DE08A;
  --green-700: #1E9159;
  --green-900: #0C3323;

  --amber-300: #FAD98A;
  --amber-500: #F5C451;
  --amber-700: #A87C1C;
  --amber-900: #3A2A0A;

  /* Semantic roles */
  --value: var(--amber-500);
  --value-dim: var(--amber-900);
  --position: var(--green-500);
  --position-dim: var(--green-900);
  --accent: var(--purple-500);
  --accent-soft: var(--purple-900);

  /* Surfaces */
  --bg: #0E0E11;
  --bg-deep: #08080A;
  --panel: #17171B;
  --raised: #1E1E24;
  --sunken: #121216;
  --line: rgba(237, 235, 228, 0.09);
  --line-strong: rgba(237, 235, 228, 0.18);

  /* Text */
  --text: #EDEBE4;
  --muted: #9A9AA6;
  --faint: #63636E;

  /* Type */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --step--1: 0.78rem;
  --step-0: 0.94rem;
  --step-1: 1.12rem;
  --step-2: 1.4rem;
  --step-3: clamp(1.6rem, 1.2rem + 1.6vw, 2.1rem);
  --step-4: clamp(2.1rem, 1.4rem + 3.4vw, 3.4rem);

  --track-eyebrow: 0.2em;
  --track-tight: -0.03em;

  /* Space + shape */
  --gap-1: 0.35rem;
  --gap-2: 0.6rem;
  --gap-3: 1rem;
  --gap-4: 1.5rem;
  --gap-5: 2.25rem;
  --gap-6: 3.5rem;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;

  --shadow-lift: 0 18px 44px -22px rgba(0, 0, 0, 0.9);
  --glow-accent: 0 0 0 1px var(--purple-700), 0 0 28px -8px rgba(178, 75, 255, 0.55);

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --fast: 130ms;
  --slow: 320ms;
}