/* Generated by design/build/tokens.py from design/tokens.json. Do not edit. */

:root {
  /* Page ground. The reading surface and every screen behind it. */
  --canvas: #fcf7ed;
  /* Raised panel: cards, sheets, the login card. */
  --surface: #fffdf9;
  /* Body text and headings. Warm black, never neutral. */
  --ink: #29211f;
  /* Secondary text, captions, disabled labels. */
  --muted: #6b615c;
  /* Form labels. Between ink and inkSoft. */
  --muted-strong: #4f4944;
  /* Borders and dividers. */
  --line: #e7dfd6;
  /* Console: the faintest lift off the page. Row hover, matrix cells, import panels. */
  --surface-tint: #fffaf5;
  /* Console: recessed areas. Dialog bodies and table headers. */
  --surface-sunken: #f8f3ed;
  /* Console: the image gallery's panel. */
  --surface-muted: #f4efe9;
  /* Console: the image gallery's well, the deepest neutral in use. */
  --surface-deep: #efe8df;
  /* Console: ground for a state badge that carries no colour meaning. Pairs with `--muted-strong`. */
  --neutral-surface: #f1eee9;
  /* Console: the weakest legible text. Placeholder captions only, never body copy. */
  --ink-faint: #aaa19a;
  /* Console: the dim behind a modal or drawer. Always used through `color-mix`, because each surface picks its own opacity. Darker than ink on purpose: a scrim built from body text ink reads as grey haze. */
  --scrim: #141312;
  /* The one accent. Primary buttons, eyebrows, focus rings, progress. Never decoration. */
  --coral: #f26345;
  /* The accent's pressed and hover state, and the chunky button's bottom edge. */
  --coral-dark: #cc4a30;
  /* Tint behind destructive confirmations. */
  --coral-soft: #fff0eb;
  /* A coral tint with enough body to sit under a monogram. The account avatar. */
  --coral-surface-strong: #ffe5dd;
  /* Completed state as a badge ground. */
  --mint: #e8f6e9;
  /* Text on mintSurface. 5.22:1. */
  --mint-ink: #19743b;
  /* Warning text, and the only warm accent that passes AA at small sizes (5.04:1). */
  --amber-ink: #a9530d;
  /* Warning badge ground. */
  --amber-surface: #fff3e7;
  /* Warning ground for a whole panel rather than a badge. */
  --amber-surface-light: #fff8ec;
  /* Warning ground where the badge has to carry across a busy card. */
  --amber-surface-strong: #fff3d6;
  /* Border around a warning panel. */
  --amber-line: #efd6b8;
  /* Border on a disabled action that is disabled for a stated reason. */
  --amber-line-soft: #edd9c4;
  /* The import drawer's dashed drop target. */
  --amber-line-dashed: #decab9;
  /* Form errors, destructive text, banned states. */
  --danger: #b42318;
  /* Ground for a failure badge in the audit log. */
  --danger-surface: #fde9e7;

  --radius-control: 8px;
  --radius-card: 12px;
  --radius-panel: 14px;

  /* A panel resting in the page flow. */
  --shadow-card: 0 14px 40px rgba(65, 45, 31, 0.05);
  /* A card that floats alone on an otherwise empty page. The login card. */
  --shadow-floating: 0 24px 70px rgba(65, 45, 31, 0.08);
  /* A panel sliding in from the right edge. Cast leftward, across the page it covers. */
  --shadow-drawer: -24px 0 60px rgba(22, 18, 15, 0.16);
  /* A centred dialog above a scrim. The heaviest shadow in the console. */
  --shadow-modal: 0 28px 80px rgba(22, 18, 15, 0.22);
  /* A ring standing in for a border where a real border would shift layout. Book covers. */
  --shadow-hairline: inset 0 0 0 1px rgba(55, 43, 36, 0.08);
}