/* Generated by scripts/design-tokens.js. Edit packages/design-tokens/tokens.json. */
:root {
  --tq-background: #f3f6f8;
  --tq-surface: #ffffff;
  --tq-surface-muted: #edf2f5;
  --tq-ink: #17212b;
  --tq-muted: #58677a;
  --tq-line: #d7e0e6;
  --tq-blue: #1769e0;
  --tq-blue-hover: #1259bf;
  --tq-blue-soft: #eaf2ff;
  --tq-teal: #16835f;
  --tq-teal-soft: #e3f6f0;
  --tq-amber: #946008;
  --tq-amber-soft: #fff3d8;
  --tq-danger: #c83b49;
  --tq-danger-soft: #fff0f2;
  --tq-navy: #111b24;
  --tq-on-accent: #ffffff;
  --tq-radius-control: 8px;
  --tq-radius-panel: 12px;
  --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: 11px;
  --tq-typography-body: 13px;
  --tq-typography-body-strong: 14px;
  --tq-typography-title: 22px;
  --tq-typography-display: 26px;
}