:root {
  /* Colors — 90s grunge dark palette */
  --bg:            #0A0A0A;
  --bg-surface:    #111111;
  --bg-elevated:   #1A1A1A;
  --bg-card:       #141414;

  --text-primary:  #E8E3DB;
  --text-secondary:#9A9080;
  --text-muted:    #524D47;

  --accent:        #C2522B;
  --accent-hover:  #D96035;
  --accent-dim:    rgba(194, 82, 43, 0.12);

  --border:        #1F1F1F;
  --border-light:  #2A2A2A;

  /* Typography */
  --font-display:  'Bebas Neue', sans-serif;
  --font-heading:  'Barlow Condensed', sans-serif;
  --font-body:     'Barlow', sans-serif;

  /* Spacing */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;
  --space-3xl:  64px;
  --space-4xl:  96px;
  --space-5xl:  128px;

  /* Layout */
  --max-width:        1200px;
  --max-width-narrow: 800px;
  --nav-height:       72px;

  /* Border radius */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* Transitions */
  --t-fast:   150ms ease;
  --t-base:   250ms ease;
  --t-slow:   400ms ease;

  /* Z-layers */
  --z-nav:      100;
  --z-lightbox: 1000;
  --z-grain:    9998;
}