/* ==========================================================================
   DESIGN TOKENS — Warm Brown Industrial (Screaming Art era)
   ========================================================================== */

:root {
  /* ---- Backgrounds (dark to light) ---- */
  --bg-deepest:    #1e1b18;
  --bg-panel:      #3d3632;
  --bg-card:       #49443F;
  --bg-surface:    #5E5751;

  /* ---- Accent ---- */
  --accent-gold:   #b8a44a;
  --accent-cyan:   #7a9e8e;

  /* ---- Bevels ---- */
  --bevel-light:   #726B66;
  --bevel-dark:    #1a1714;
  --bevel-inset-light: #5E5751;
  --bevel-inset-dark:  #141210;

  /* ---- Text ---- */
  --text-primary:  #d3d3d3;
  --text-secondary:#999999;
  --text-muted:    #807872;

  /* ---- Fonts ---- */
  --font-display:  'Orbitron', 'Eurostile', 'Bank Gothic', sans-serif;
  --font-body:     Verdana, Tahoma, Arial, sans-serif;
  --font-mono:     'Courier New', monospace;

  /* ---- Spacing scale (tighter) ---- */
  --space-xs:  0.2rem;
  --space-sm:  0.4rem;
  --space-md:  0.75rem;
  --space-lg:  1rem;
  --space-xl:  1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 2.5rem;

  /* ---- Layout ---- */
  --container-max: 760px;
  --nav-height:    32px;
  --border-radius: 0px;
}