:root {
  /* Colors */
  --color-bg-primary:      #0A0A0B;
  --color-bg-secondary:    #121214;
  --color-bg-tertiary:     #1A1A1F;
  --color-text-primary:    #EDEDEF;
  --color-text-secondary:  #8A8A8E;
  --color-text-tertiary:   #555559;
  --color-accent:          #C9A96E;
  --color-accent-hover:    #D4B87D;
  --color-accent-muted:    rgba(201, 169, 110, 0.2);
  --color-divider:         rgba(255, 255, 255, 0.04);

  /* Typography - Display (Instrument Serif) */
  --font-display:          'Instrument Serif', Georgia, serif;
  --font-body:             'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Type Scale - Fluid */
  --font-size-display:     clamp(3.5rem, 8vw, 7rem);
  --font-size-h1:          clamp(2.5rem, 5vw, 4rem);
  --font-size-h2:          clamp(1.5rem, 3vw, 2.25rem);
  --font-size-h3:          clamp(1.125rem, 2vw, 1.5rem);
  --font-size-body:        clamp(1rem, 1.2vw, 1.125rem);
  --font-size-small:       clamp(0.8rem, 1vw, 0.875rem);
  --font-size-label:       clamp(0.7rem, 0.9vw, 0.8125rem);
  --font-size-number:      clamp(4rem, 10vw, 8rem);

  /* Line Heights */
  --line-height-tight:     1.1;
  --line-height-snug:      1.3;
  --line-height-normal:    1.6;
  --line-height-relaxed:   1.8;

  /* Spacing */
  --space-xs:    0.5rem;
  --space-sm:    1rem;
  --space-md:    2rem;
  --space-lg:    4rem;
  --space-xl:    8rem;
  --space-2xl:   12rem;

  /* Layout */
  --max-width:         1200px;
  --max-width-reading: 720px;
  --nav-height:        4rem;

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   300ms ease;
  --transition-slow:   600ms ease;

  /* Borders */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;
}