/* ==========================================================================
   Key Lair — Design Tokens
   Shared across every themed page. Change values here to re-theme the whole
   site at once.

   Palette: a muted, rounded take on Steam's dark blue — softened from a
   literal Steam clone (less saturated blue, warmer text, generous corner
   radii) with green reserved for keys/success states.
   ========================================================================== */

:root{
  /* Tells the browser to render native form widgets (number input spin
     buttons, checkboxes, scrollbars, date/color pickers) in its dark
     palette instead of the OS default light one -- otherwise a spin
     button sits as a stark light-gray chip on this dark background
     regardless of any other CSS here, since it's browser-native chrome,
     not something `color`/`background` on the input itself can reach. */
  color-scheme: dark;

  /* Surfaces */
  --bg-void:#17212e;      /* page background */
  --bg-panel:#1c2733;     /* card / panel background */
  --bg-panel-2:#24323f;   /* hover / secondary panel background */
  --sidebar:#131b25;      /* admin sidebar background */
  --line:#2a3947;         /* default border color */
  --line-soft:#22303c;    /* subtler border, hover states */

  /* Text */
  --text-primary:#dbe3ea;
  --text-muted:#8a97a3;
  --text-faint:#56626d;

  /* Accents */
  --signal:#5aa8dd;       /* softened Steam blue — active/selected states */
  --signal-dim:#3d7aa8;   /* muted blue — gradients, secondary emphasis */
  --key-gold:#94c93d;     /* green — key codes, highlighted values (named key-gold for historical/variable-naming reasons, but is green) */
  --danger:#d9614a;       /* errors, sold-out / disabled states */

  /* Radius scale — rounded, not Steam's sharp rectangles */
  --radius-lg:18px;
  --radius-md:12px;
  --radius-sm:8px;

  /* 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;
}
