/* Design tokens — the single source, taken from docs/prototypes/mockup-v1.html.
   Never use raw values for colour, radius, shadow or type in templates. */
:root {
  --bg: #FAF8F5;
  --surface: #FFFDFB;
  --sand: #ECE4D8;
  --ink: #2D2A26;
  --ink-soft: #6E665C;
  --ink-faint: #9A9186;
  --accent: #5B8A82;
  --accent-deep: #3F665F;
  --accent-tint: #E7EFEC;
  --success: #5F9269;
  --success-tint: #E7F0E8;
  --amber: #C0894A;
  --amber-tint: #F5EBDB;
  --border: #E7DECF;
  --border-soft: #F0E9DC;
  --r: 14px;
  --r-sm: 10px;
  --shadow: 0 1px 2px rgba(45, 42, 38, .05), 0 10px 28px rgba(45, 42, 38, .05);
  --shadow-sm: 0 1px 2px rgba(45, 42, 38, .06);
  --serif: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --measure: 62ch;
}