/* ─────────────────────────────────────────────────────────────────
   /css/app.css — shared design tokens + base reset for all pages.
   The ONLY safe-to-share layer: every page's :root was near-identical.
   Page-specific styles (buttons, sidebar avatar, toast, body) stayed
   inline on purpose — they had genuinely drifted between pages.
   ───────────────────────────────────────────────────────────────── */

:root {
  --forest: #1F3A30;
  --forest-hover: #15291F;
  --forest-soft: #EEF2EC;
  --forest-mid: #4A6B5C;
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-warm: #F9F9F7;
  --bg-soft: var(--surface-warm);
  --border: #E4E4E0;
  --border-light: #EBEBEB;
  --text: #111827;
  --text-mid: #4B5563;
  --text-dim: #9CA3AF;
  --orange: var(--forest);
  --orange-hover: var(--forest-hover);
  --orange-light: var(--forest-soft);
  --orange-border: #C5D3CA;
  --green: var(--forest);
  --green-light: var(--forest-soft);
  --green-border: #BCCEC1;
  --sidebar-w: 232px;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --display: 'Space Grotesk', sans-serif;
  --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
  --serif: 'Space Grotesk', sans-serif;
  --red: #DC2626;
  --red-light: #FEF2F2;
  --red-border: #FECACA;
  --forest-deep: #152b23;
  --forest-glow: rgba(31,58,48,0.12);
  --bg-warm: #FAFAF8;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}