/* ── Design System Tokens ─────────────────────────── */
:root {
  /* Primary palette */
  --ink: #1a1a2e;
  --ink-soft: #4a4a5e;
  --ink-muted: #8888a0;
  --surface: #fafaf8;
  --surface-warm: #f5f3ee;
  --surface-card: #ffffff;
  --accent: #2d6a4f;
  --accent-light: #40916c;
  --accent-strong: #1b4332;
  --accent-bg: #d8f3dc;
  --accent-bg-soft: #edf6f0;
  --border: #e8e6e1;
  --border-soft: #f0eee9;

  /* Semantic colors */
  --red: #c1121f;
  --red-bg: #fdf0f0;
  --blue: #1d3557;
  --blue-bg: #e8f0f8;
  --amber: #e09f3e;
  --amber-bg: #fdf6e8;
  --green: #16a34a;
  --green-bg: #f0fdf4;
  --orange: #ea580c;
  --orange-bg: #fff7ed;
  --purple: #6c47a0;
  --purple-bg: #f0eaf8;
  --teal: #0d9488;
  --teal-bg: #f0fdfa;

  /* Typography */
  --font: 'DM Sans', sans-serif;
  --serif: 'Fraunces', serif;

  /* Shape & depth */
  --radius: 10px;
  --radius-sm: 6px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.04);
  --shadow: 0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);
  --shadow-soft: 0 2px 8px rgba(0,0,0,.04);

  /* Legacy aliases (backward compat) */
  --bg: var(--surface);
  --card: var(--surface-card);
  --ink2: var(--ink-soft);
  --ink3: var(--ink-muted);
  --line: var(--border);
  --line-strong: var(--border);
  --muted: var(--ink-soft);
  --accent-soft: var(--accent-bg);
  --accent2: var(--accent-light);
  --sand: var(--border-soft);
  --tag-bg: var(--border-soft);
  --shadow2: var(--shadow);
}