/* chshlab/css/tokens.css */
:root {
  --bg:           #0E0F14;
  --surface:      #161820;
  --surface-2:    #1E2028;
  --surface-3:    #262834;
  --surface-paper: rgba(241, 232, 209, 0.05);
  --surface-paper-strong: rgba(241, 232, 209, 0.08);
  --paper-stain: rgba(201, 169, 77, 0.08);
  --paper-stain-soft: rgba(201, 169, 77, 0.04);
  --marker-amber: rgba(201, 169, 77, 0.18);
  --marker-crimson: rgba(201, 64, 64, 0.20);
  --marker-crimson-soft: rgba(201, 64, 64, 0.12);
  --paper-shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
  --paper-shadow-soft: 0 14px 38px rgba(0, 0, 0, 0.24);
  --ink-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);

  --border:       rgba(255, 255, 255, 0.08);
  --border-light: rgba(255, 255, 255, 0.04);

  --text:         #EAE6DA;
  --text-muted:   #9A9485;
  --text-faint:   #848079;
  --text-subtle:  #8F8A80;

  --amber:        #C9A94D;
  --amber-dim:    #6B5820;
  --blue:         #4FA3D4;
  --blue-dim:     #1E3F54;
  --crimson:      #E05050;
  --crimson-dim:  #4A1010;
  --green:        #6B8F71;
  --green-dim:    #263429;

  --rule:         rgba(201, 169, 77, 0.20);

  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-body:    'EB Garamond', 'Georgia', serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  --chart-s-stroke:      #C94040;
  --chart-lhv-stroke:    #C9A94D;
  --chart-accept-stroke: #6B8F71;
  --chart-grid:          rgba(255, 248, 230, 0.10);
  --chart-paper:         rgba(241, 232, 209, 0.04);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  --content-width: 760px;
  --wide-width:    1100px;

  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  --dur-fast: 0.15s;
  --dur-normal: 0.3s;
  --dur-slow: 0.5s;
}
