/* Design tokens — derived from the reebirdapp mockups (CLAUDE.md §13) */
:root {
  /* Palette */
  --nav-bg: #0d2117;
  --page-bg: #f2f5f2;
  --card-bg: #ffffff;
  --card-border: #e3e8e3;
  --ink: #182420;
  --ink-muted: #5c6b64;
  --ink-faint: #8a978f;

  --primary: #1a6b4a;
  --primary-hover: #14573c;
  --primary-ink: #ffffff;
  --accent: #15654a;

  /* Badge tints */
  --tint-green-bg: #e2f0e7;
  --tint-green-ink: #1d6b47;
  --tint-green-border: #b9dcc7;
  --tint-blue-bg: #e7ebfb;
  --tint-blue-ink: #3b4fd8;
  --tint-blue-border: #c5cdf4;
  --tint-amber-bg: #fdf0d3;
  --tint-amber-ink: #8a6210;
  --tint-amber-border: #f2dda4;
  --tint-grey-bg: #eef1ee;
  --tint-grey-ink: #4d5a53;
  --tint-grey-border: #d8ded9;
  --tint-red-bg: #fdeceb;
  --tint-red-ink: #b3352c;
  --tint-red-border: #f3c9c5;

  /* Panels */
  --panel-tint: #eef3ee;
  --callout-green-bg: #e6f2ea;
  --callout-green-border: #1a6b4a;
  --callout-amber-bg: #fdf6e3;
  --callout-amber-border: #e8cf96;
  --code-bg: #10231a;
  --code-ink: #cfe3d6;

  /* Typography */
  --font-sans: -apple-system, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;

  /* Shape & rhythm */
  --radius-card: 10px;
  --radius-control: 8px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(16, 35, 26, 0.04);
  --page-max: 1440px;
  --gap: 16px;
}