/* Generated by scripts/design-tokens.js. Edit packages/design-tokens/tokens.json. */
:root {
  --tq-background: #edf1f5;
  --tq-surface: #ffffff;
  --tq-surface-muted: #f3f6f8;
  --tq-ink: #182b3a;
  --tq-muted: #536878;
  --tq-line: #d8e1e7;
  --tq-blue: #145568;
  --tq-blue-hover: #0c4252;
  --tq-blue-soft: #e5f0f2;
  --tq-teal: #137458;
  --tq-teal-soft: #e5f4ec;
  --tq-amber: #94600e;
  --tq-amber-soft: #fff3de;
  --tq-danger: #b33749;
  --tq-danger-soft: #fff0f1;
  --tq-navy: #152c39;
  --tq-on-accent: #ffffff;
  --tq-line-strong: #a8bac5;
  --tq-radius-control: 6px;
  --tq-radius-panel: 10px;
  --tq-radius-pill: 999px;
  --tq-spacing-xxs: 4px;
  --tq-spacing-xs: 8px;
  --tq-spacing-sm: 12px;
  --tq-spacing-md: 16px;
  --tq-spacing-lg: 24px;
  --tq-touch-minimum: 44px;
  --tq-touch-comfortable: 48px;
  --tq-typography-caption: 12px;
  --tq-typography-body: 14px;
  --tq-typography-body-strong: 15px;
  --tq-typography-title: 26px;
  --tq-typography-display: 32px;
}