/* Design tokens: the only place colours, type, spacing and motion are defined. */
:root {
  --color-bg: #f6f3ec;
  --color-surface: #fffdf8;
  --color-line: #e6e0d2;
  --color-text: #2f3a33;
  --color-muted: #6b766e;
  --color-accent: #4f8a5b;
  --color-accent-soft: #e3efdf;
  --color-save: #4f8a5b;
  --color-spend: #c98b4a;
  --color-give: #7a8fc2;
  --color-wait: #a58a3c;
  --color-wait-soft: #f4ecd2;
  --color-deny-soft: #efe7e4;

  --font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 3rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;

  --radius: 14px;
  --shadow: 0 1px 2px rgba(47, 58, 51, 0.06);
  --motion-slow: 700ms ease;
  --motion-fast: 150ms ease;
}