/* GENERATED by design-tokens.mjs from the token files in ./tokens/ (relative to this file) — do not edit by hand. Change the tokens, then run the build. */
/* Chamomail design tokens (approved 2026-11-04, topic 62853, page 39U1qTnM0QujJn0m-fxRQQ). Warm automail paper + burnt-orange actions, chamomile gold for the flower and small highlights. Leaf name = CSS variable name. Generate the CSS with: npm run tokens:build */
:root {
  --bg: #f5efe1; /* Page background (automail Paper theme) */
  --paper: #fbf6ea; /* Lighter paper: bands, sidebars, quiet sections */
  --card: #fffdf7; /* Cards, inputs, anything raised */
  --line: #e2d8c4; /* Borders and rules */
  --line-soft: #ede4d2; /* Hairlines inside cards, table rows */
  --ink: #2b261f; /* Headings and body text */
  --ink-2: #4a4238; /* Secondary text */
  --ink-3: #6e6253; /* Captions, labels, hints (still 4.5:1 on cards) */
  --ink-faint: #a8997f; /* Decoration only: dots, rules, disabled icons. Never text. */
  --accent: #c2410c; /* Burnt orange: primary buttons, links, focus */
  --accent-hover: #9a330a;
  --accent-soft: #fed7aa; /* Soft orange fills: selected rows, badges */
  --accent-wash: #fcebd9; /* Very light orange: highlight bands */
  --on-accent: #fffdf7; /* Text on accent fills */
  --gold: #e0a82e; /* Chamomile gold: the flower's centre and small highlights. Never text. */
  --gold-deep: #7d5f00; /* Text-safe gold: the wordmark accent, gold labels */
  --gold-soft: #f8e7b5; /* Light gold fill: the 'new' marker, morning highlights */
  --gold-wash: #f9edc9; /* Very light gold: the app's Needs an action tray (the gold twin of accent-wash) */
  --success: #15803d;
  --success-soft: #dcfce7;
  --warn: #b45309;
  --warn-soft: #fef3c7;
  --danger: #b91c1c;
  --danger-soft: #fee2e2;
  --focus-ring: rgba(194, 65, 12, 0.35);
  --sensitive-bg: #fee2e2;
  --sensitive-fg: #9f1239;
  --personal-bg: #e0f2fe;
  --personal-fg: #075985;
  --interesting-bg: #fef3c7;
  --interesting-fg: #92400e;
  --marketing-bg: #f3e8ff;
  --marketing-fg: #6b21a8;
  --cold-bg: #d6e6e1;
  --cold-fg: #0f5547;
  --notif-bg: #f1f5f9;
  --notif-fg: #475569;
  --unknown-bg: #fce7f3;
  --unknown-fg: #9d174d;
  --font-display: "Fraunces", "Iowan Old Style", Charter, Georgia, serif; /* Headings, big numbers, the wordmark */
  --font-body: "Atkinson Hyperlegible Next", "Segoe UI", system-ui, -apple-system, sans-serif; /* Everything else */
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace; /* Times, counts in tables, code */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: clamp(24px, 3vw, 30px);
  --text-3xl: clamp(30px, 4.5vw, 44px);
  --text-4xl: clamp(38px, 6.5vw, 68px); /* Hero headline */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-body: 1.6;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --content-max: 1120px; /* Widest content column */
  --read-max: 640px; /* Widest paragraph */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(43, 38, 31, 0.06), 0 1px 1px rgba(43, 38, 31, 0.04);
  --shadow-2: 0 6px 18px rgba(43, 38, 31, 0.08), 0 2px 4px rgba(43, 38, 31, 0.05);
  --shadow-3: 0 24px 60px rgba(43, 38, 31, 0.14), 0 6px 14px rgba(43, 38, 31, 0.06);
  --ease-calm: cubic-bezier(0.22, 0.61, 0.36, 1); /* The one easing: slow out, no bounce */
  --dur-1: 160ms;
  --dur-2: 320ms;
  --dur-3: 640ms;
}