/* GENERATED by tools/validate-design.mjs --emit. Do not edit.
 * Source: public/js/design/tokens.js */
:root{
  --paper: #FBF6ED;
  --tile: #FAF3E9;
  --card: #FFFFFF;
  --line: #E9DFCB;
  --line-soft: #F1EADA;
  --track: #EDE5D3;
  --option-sel: #F6F3EC;
  --ink: #24324A;
  --ink-mid: #43536E;
  --ink-soft: #5C6B85;
  --ink-faint: #67707F;
  --on-ink: #FFFFFF;
  --on-ink-soft: #D9DEE9;
  --on-ink-faint: #9AA6BC;
  --coral: #EF6B52;
  --gold: #E19A2E;
  --teal: #17998A;
  --cobalt: #2E66C9;
  --pine: #2F7D4F;
  --violet: #7C6BC4;
  --coral-text: #B8523F;
  --gold-text: #97671F;
  --teal-text: #127B70;
  --cobalt-text: #2E66C9;
  --pine-text: #2F7C4E;
  --violet-text: #7565B8;
  --coral-soft: #FDEEEA;
  --gold-soft: #FBF1DD;
  --teal-soft: #E4F4F2;
  --cobalt-soft: #E8EFFB;
  --pine-soft: #EAF3ED;
  --pine-line: #D3E5DA;
  --callout: #F5EFE3;
  --alert-text: #8C2F1C;
  --alert-bg: #FBE9E5;
  --pending-bg: #FDFAF4;
  --pending-line: #9D9078;
  --pending-tag: #F6EAD2;
  --pending-text: #806632;
  --paper-rgb: 251, 246, 237;
  --ink-rgb: 36, 50, 74;
  --coral-rgb: 239, 107, 82;
  --radius-lg: 18px;
  --radius-md: 12px;
  --display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --body: "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
}