/* ==========================================================================
   Key Lair — Design Tokens: Dark theme
   A genuinely dark, monochrome theme -- true near-black surfaces with a
   neutral off-white accent instead of blue, so it reads as an actual
   dark theme rather than a slightly-darker version of a blue one. Color
   is reserved for what needs to stand out (green keys, red errors) --
   everything else, including the primary accent, stays grayscale. Not
   the install's default (too starkly neutral for that), but available
   as its own theme. Same custom-property names as tokens.css (every
   other stylesheet only ever references var(--x)).
   ========================================================================== */

:root{
  /* See tokens.css for why this is needed -- native form widgets (number
     spin buttons, scrollbars, etc.) don't follow page CSS otherwise. */
  color-scheme: dark;

  /* Surfaces */
  --bg-void:#08090a;      /* page background */
  --bg-panel:#131415;     /* card / panel background */
  --bg-panel-2:#1b1c1e;   /* hover / secondary panel background */
  --sidebar:#050505;      /* admin sidebar background */
  --line:#26272a;         /* default border color */
  --line-soft:#1e1f21;    /* subtler border, hover states */

  /* Text */
  --text-primary:#ecedef;
  --text-muted:#999ba0;
  --text-faint:#57585c;

  /* Accents */
  --signal:#d8dbe0;       /* neutral off-white — active/selected states, deliberately not blue */
  --signal-dim:#9a9da3;   /* dimmer neutral gray — gradients, secondary emphasis */
  --key-gold:#8bc34a;     /* green — key codes, highlighted values (named key-gold for historical/variable-naming reasons, but is green) */
  --danger:#e2685a;       /* errors, sold-out / disabled states */

  /* Radius scale — matches Steam's sharper rectangles */
  --radius-lg:6px;
  --radius-md:4px;
  --radius-sm:3px;

  /* Type */
  --font-display:'Space Grotesk', sans-serif;   /* headings */
  --font-body:'Inter', sans-serif;               /* body copy, UI labels */
  --font-mono:'JetBrains Mono', monospace;       /* key codes, timestamps, data */
}

/* Base reset — shared by every page */
*{
  box-sizing:border-box;
}
html,body{
  margin:0;
  padding:0;
}