/* ============================================================
   tokens.css — design tokens for traderwei
   LIGHT / cream theme. Accent colors deepened for AA contrast
   on the warm light ground. Single source of truth.
   ============================================================ */

:root {
  /* --- surfaces / ink --- */
  --paper:       #F1EBDD;
  --paper-2:     #E9E2D2;
  --panel:       #FBF7EE;
  --ink:         #171512;
  --ink-2:       #413B30;
  --muted:       #736B58;
  --line:        #E0D8C7;

  /* --- accents (deepened for AA on light ground) --- */
  --gold:        #B07D08;
  --gold-bright: #E3A008;
  --green:       #137A4E;
  --red:         #C0381A;
  --teal:        #2A8585;
  --blue:        #2B6EA3;

  /* --- fonts --- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
  --font-thai:    'Noto Sans Thai', system-ui, sans-serif;

  /* --- type scale (1.250 — major third) --- */
  --step--1: 0.8rem;
  --step-0:  1rem;
  --step-1:  1.25rem;
  --step-2:  1.563rem;
  --step-3:  1.953rem;
  --step-4:  2.441rem;
  --step-5:  3.052rem;

  /* --- spacing scale --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* --- radii --- */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
}