/* ============================================
   BLACKLOTUSCODE — Design Tokens
   All colors, fonts, spacing, and breakpoints
   Change values here → cascades everywhere
   ============================================ */

:root {
  /* --- Colors --- */
  --bg-primary:      #0A0A0A;
  --bg-secondary:    #1A1A1A;
  --bg-card:         #141414;
  --bg-card-hover:   #1E1E1E;

  --gold:            #C9A84C;
  --gold-dim:        #A08838;
  --gold-glow:       rgba(201, 168, 76, 0.15);
  --gold-glow-bright:rgba(201, 168, 76, 0.25);

  --crimson:         #8B1A1A;
  --crimson-dim:     #6B1414;

  --text-primary:    #E8E8E8;
  --text-secondary:  #888888;
  --text-muted:      #555555;

  --border-subtle:   #2A2A2A;
  --border-gold:     rgba(201, 168, 76, 0.3);

  /* --- Typography --- */
  --font-heading:    'Space Mono', 'Courier Prime', 'Courier New', monospace;
  --font-body:       'Source Sans 3', 'Source Sans Pro', -apple-system, sans-serif;
  --font-code:       'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  --size-xs:         0.75rem;
  --size-sm:         0.875rem;
  --size-base:       1rem;
  --size-md:         1.125rem;
  --size-lg:         1.5rem;
  --size-xl:         2rem;
  --size-2xl:        2.75rem;
  --size-3xl:        3.5rem;
  --size-hero:       4.5rem;

  --weight-normal:   400;
  --weight-medium:   500;
  --weight-bold:     700;

  --line-height-tight:   1.2;
  --line-height-normal:  1.6;
  --line-height-loose:   1.8;

  /* --- Spacing --- */
  --space-xs:        0.25rem;
  --space-sm:        0.5rem;
  --space-md:        1rem;
  --space-lg:        1.5rem;
  --space-xl:        2rem;
  --space-2xl:       3rem;
  --space-3xl:       4rem;
  --space-4xl:       6rem;
  --space-section:   8rem;

  /* --- Layout --- */
  --content-width:   1200px;
  --content-narrow:  800px;
  --nav-height:      72px;
  --border-radius:   4px;

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