/* ==========================================================================
   Key Lair — Design Tokens: Steam theme
   A closer, more literal take on Steam's actual dark UI than the default
   theme (which is deliberately softened) -- sharper corners, Steam's real
   navy/blue pairing. Same custom-property names as tokens.css, so swapping
   which tokens file loads re-themes the whole site with no other file
   involved.
   ========================================================================== */

: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:#1b2838;      /* page background */
  --bg-panel:#16202d;     /* card / panel background */
  --bg-panel-2:#2a3f5a;   /* hover / secondary panel background */
  --sidebar:#171a21;      /* admin sidebar background */
  --line:#2a3f5a;         /* default border color */
  --line-soft:#223347;    /* subtler border, hover states */

  /* Text */
  --text-primary:#c6d4df;
  --text-muted:#8f98a0;
  --text-faint:#586470;

  /* Accents */
  --signal:#66c0f4;       /* Steam's own blue — active/selected states */
  --signal-dim:#417a9b;   /* muted blue — gradients, secondary emphasis */
  --key-gold:#a4d007;     /* green — key codes, highlighted values (named key-gold for historical/variable-naming reasons, but is green) */
  --danger:#e14a3f;       /* errors, sold-out / disabled states */

  /* Radius scale — sharper, closer to Steam's own mostly-rectangular UI */
  --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;
}
