:root {
  /* Surfaces */
  --bg-deep: #14110f; --bg: #1a1614; --bg-canvas: #161310;
  --surface: #231f1d; --surface-2: #2a2522; --surface-3: #322c28;
  /* Ink — ramp: ink > ink-mid > ink-faint > ink-dim (darkest) */
  --ink: #e8e3dd; --ink-mid: #a89e8f; --ink-faint: #7a7268; --ink-dim: #524a44;
  /* Rules */
  --rule: #2d2825; --rule-soft: #25201d;
  /* Accent */
  --accent: #d4ff3d; --accent-soft: rgba(212,255,61,0.12); --accent-glow: rgba(212,255,61,0.25);
  /* Semantic */
  --info: #7ad7ff; --info-soft: rgba(122,215,255,0.10);
  --note: #f4d03f; --note-soft: rgba(244,208,63,0.10);
  --modifier: #ffb866; --modifier-soft: rgba(255,184,102,0.10);
  --domain: #c8a8ff; --domain-soft: rgba(200,168,255,0.10);
  --warn: #ff8866; --warn-soft: rgba(255,136,102,0.10);
  --income: #6bd49b; --income-soft: rgba(107,212,155,0.12);
  --expense: #ff7a85; --expense-soft: rgba(255,122,133,0.12);
  --ai: #b88dff; --ai-soft: rgba(184,141,255,0.12);
  /* Spacing (AESTHETIC §3) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 22px; --sp-6: 32px; --sp-7: 48px;
  /* Type */
  --display: 'Cinzel', serif;
  --serif: 'Instrument Serif', 'Cormorant Garamond', serif;
  --mono: 'JetBrains Mono', 'Geist Mono', 'IBM Plex Mono', ui-monospace, monospace;
}