/* tokens.css — GENERATED by scripts/export-tokens.js from clients/otter/DESIGN.md
 * Source of truth: DESIGN.md (design.md format). Do NOT edit by hand — re-run:
 *   node scripts/export-tokens.js otter
 * Produced via: design.md export --vada3e0ddb096-format css-tailwind, with @theme re-homed to
 * :root so the exact tokens work in a plain browser with no Tailwind build. */
:root {
  --vada3e0ddb096-color-primary: #1c2024;
  --vada3e0ddb096-color-primary-ink: #fcfcfd;
  --vada3e0ddb096-color-primary-hover: #2e3135;
  --vada3e0ddb096-color-secondary: #60646c;
  --vada3e0ddb096-color-accent: #94aacf;
  --vada3e0ddb096-color-neutral: #d9d9e0;
  --vada3e0ddb096-color-surface-dark: #111113;
  --vada3e0ddb096-color-surface-darker: #0e0e10;
  --vada3e0ddb096-color-surface: #fcfcfd;
  --vada3e0ddb096-color-surface-alt: #f9f9fb;
  --vada3e0ddb096-color-surface-mist: #f0f0f3;
  --vada3e0ddb096-color-on-dark: #edeef0;
  --vada3e0ddb096-color-on-dark-muted: #b0b4ba;
  --vada3e0ddb096-color-on-light: #1c2024;
  --vada3e0ddb096-color-on-light-muted: #60646c;
  --vada3e0ddb096-font-eyebrow: MD UI XL, system-ui, sans-serif;
  --vada3e0ddb096-font-display-xl: MD Primer, system-ui, sans-serif;
  --vada3e0ddb096-font-display-lg: MD Primer, system-ui, sans-serif;
  --vada3e0ddb096-font-headline-md: MD Primer, system-ui, sans-serif;
  --vada3e0ddb096-font-body-lg: MD UI XL, system-ui, sans-serif;
  --vada3e0ddb096-font-body-md: MD UI XL, system-ui, sans-serif;
  --vada3e0ddb096-font-label-md: MD UI XL, system-ui, sans-serif;
  --vada3e0ddb096-font-label-caps: MD UI XL, system-ui, sans-serif;
  --vada3e0ddb096-text-eyebrow: 13px;
  --vada3e0ddb096-text-display-xl: 56px;
  --vada3e0ddb096-text-display-lg: 32px;
  --vada3e0ddb096-text-headline-md: 28px;
  --vada3e0ddb096-text-body-lg: 19px;
  --vada3e0ddb096-text-body-md: 17px;
  --vada3e0ddb096-text-label-md: 14px;
  --vada3e0ddb096-text-label-caps: 12px;
  --vada3e0ddb096-tracking-eyebrow: 0.1em;
  --vada3e0ddb096-tracking-display-xl: -0.02em;
  --vada3e0ddb096-tracking-display-lg: -0.02em;
  --vada3e0ddb096-tracking-headline-md: -0.01em;
  --vada3e0ddb096-tracking-label-caps: 0.1em;
  --vada3e0ddb096-font-weight-eyebrow: 500;
  --vada3e0ddb096-font-weight-display-xl: 500;
  --vada3e0ddb096-font-weight-display-lg: 500;
  --vada3e0ddb096-font-weight-headline-md: 500;
  --vada3e0ddb096-font-weight-body-lg: 400;
  --vada3e0ddb096-font-weight-body-md: 400;
  --vada3e0ddb096-font-weight-label-md: 500;
  --vada3e0ddb096-font-weight-label-caps: 500;
  --vada3e0ddb096-radius-sm: 4px;
  --vada3e0ddb096-radius-md: 8px;
  --vada3e0ddb096-radius-sm2: 12px;
  --vada3e0ddb096-radius-lg: 16px;
  --vada3e0ddb096-radius-xl: 24px;
  --vada3e0ddb096-radius-full: 9999px;
  --vada3e0ddb096-spacing-base: 16px;
  --vada3e0ddb096-spacing-xs: 4px;
  --vada3e0ddb096-spacing-sm: 8px;
  --vada3e0ddb096-spacing-sm2: 12px;
  --vada3e0ddb096-spacing-md: 16px;
  --vada3e0ddb096-spacing-lg: 32px;
  --vada3e0ddb096-spacing-xl: 64px;
  --vada3e0ddb096-spacing-gutter: 24px;
  --vada3e0ddb096-spacing-margin: 32px;
  --vada3e0ddb096-spacing-section: 96px;
}