/* Design tokens - colors, fonts. Change brand colors here. */
/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --green:         #2A4A1E;
  --green-mid:     #3D6B2C;
  --green-light:   #4A7C59;
  --green-pale:    #EAF2E6;
  --amber:         #92620A;
  --amber-pale:    #FFFBEB;
  --amber-border:  #FDE68A;
  --paper:         #FAFAF6;
  --paper-warm:    #F4F1EA;
  --paper-warmer:  #EDE9DF;
  --ink:           #1C1C18;
  --ink-mid:       #3A3A34;
  --ink-light:     #5A5A52;
  --ink-faint:     #8A8A80;
  --rule:          #DDD9CF;
  --rule-strong:   #C8C4BA;
  --success-bg:    #F0FDF4;
  --success-ink:   #166534;
  --success-rule:  #BBF7D0;
  --sans: -apple-system, 'Segoe UI', system-ui, sans-serif;
  --mono: 'SF Mono', 'Consolas', 'Courier New', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: var(--sans);
  background: var(--paper);
  color: var(--ink);
  font-size: 13px;
  line-height: 1.5;
}