/* Generated by npm run sync:design-tokens. */
:root {
  --primary: #18191e;
  --primary-hover: #000000;
  --canvas: #ffffff;
  --subtle: #f5f6f8;
  --surface-muted: #fafbfc;
  --ink: #17181c;
  --body: #292b31;
  --muted: #585c66;
  --line: rgba(23,24,28,0.10);
  --control: #82858d;
  --mint: #15a9c6;
  --mint-graphic: #0f8aa2;
  --mint-soft: rgba(21,169,198,0.12);
  --link: #0b7e96;
  --danger: #b3402f;
  --radius-control: 8px;
  --radius-card: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --type-meta: 12px;
  --type-body: 14px;
  --type-card: 16px;
  --type-subhead: 20px;
  --type-section: 26px;
  --type-title: 34px;
  --type-hero: clamp(2.125rem, 1.875rem + 1.25vw, 2.875rem);
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-strong: 600;
}