/* Canonical design tokens. Keep palette literals here, not in component styles. */
:root {
  --ink: rgb(23 58 56);
  --ink-soft: rgb(73 99 95);
  --paper: rgb(247 243 235);
  --paper-deep: rgb(237 231 218);
  --white: rgb(255 253 248);
  --white-solid: rgb(255 255 255);
  --coral: rgb(227 125 89);
  --coral-soft: rgb(245 215 200);
  --coral-deep: rgb(215 90 74);
  --mint: rgb(183 214 200);
  --mint-bright: rgb(185 241 216);
  --mist: rgb(237 243 239);
  --danger: rgb(157 64 42);
  --danger-deep: rgb(182 71 45);
  --success: rgb(31 104 72);
  --success-soft: rgb(234 243 237);
  --success-line: rgb(207 224 212);
  --success-line-strong: rgb(138 214 183);
  --amber: rgb(242 179 111);
  --amber-deep: rgb(176 106 42);
  --amber-soft: rgb(255 240 216);
  --card: rgb(227 238 232);
  --card-line: rgb(203 222 213);
  --panel: rgb(247 250 248);
  --cream: rgb(255 246 231);
  --cream-light: rgb(255 245 230);
  --cream-deep: rgb(248 232 221);
  --cream-line: rgb(232 199 180);
  --cream-wash: rgb(244 223 185);
  --cream-edge: rgb(237 215 181);
  --cream-ink: rgb(121 93 47);
  --cream-warm: rgb(255 248 234);
  --sage: rgb(199 217 209);
  --sage-deep: rgb(216 228 220);
  --sage-line: rgb(184 201 191);
  --mint-wash: rgb(232 241 236);
  --line: rgb(216 208 193);
  --field-line: var(--ink-soft);
  --eyebrow: rgb(168 196 185);
  --muted: rgb(120 139 133);
  --surface-mist: rgb(238 244 241);
  --surface-sage: rgb(233 238 233);
  --surface-neutral: rgb(243 246 243);
  --surface-green: rgb(243 247 244);
  --surface-green-light: rgb(238 241 239);
  --surface-green-pale: rgb(244 250 246);
  --surface-peach: rgb(242 223 209);
  --surface-warm: rgb(255 250 241);
  --chrome: rgb(22 58 56);
  --shadow: 0 18px 50px rgb(23 58 56 / 8%);
  --motion-fast: 150ms;
  --motion-normal: 250ms;
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --topbar-height: 84px;
}