/* ═══════════════════════════════════════════════════
   DESIGN TOKENS — LS Agency Simulator
═══════════════════════════════════════════════════ */
:root {
  /* Colors */
  --black:        #0c0b09;
  --dark:         #141210;
  --card:         #1a1814;
  --border:       rgba(201,168,76,.18);
  --border-light: rgba(255,255,255,.07);
  --gold:         #C9A84C;
  --gold-bright:  #e4c06a;
  --gold-dim:     rgba(201,168,76,.10);
  --white:        #f5f1ea;
  --muted:        #7a736a;
  --text:         #d4cec5;
  --red:          #f87171;
  --green:        #4ade80;

  /* Spacing */
  --spacing-xs:   4px;
  --spacing-sm:   8px;
  --spacing-md:   16px;
  --spacing-lg:   24px;
  --spacing-xl:   36px;
  --spacing-2xl:  52px;

  /* Radius */
  --radius:       4px;
  --radius-lg:    8px;
  --radius-full:  999px;

  /* Transitions */
  --transition:   all .25s ease;
  --transition-slow: all .45s ease;

  /* Fonts */
  --font-display: 'Bebas Neue', sans-serif;
  --font-serif:   'Cormorant Garamond', serif;
  --font-sans:    'DM Sans', sans-serif;
}