/* Field Manual: generated by dashcode-design-system. Evidence per token lives in tokens.json. */
:root {
  /* color */
  --color-bg: #f2f3f5; /* measured */
  --color-surface: #ffffff; /* measured */
  --color-surface-code: #ebedf1; /* measured */
  --color-accent-soft: #e7ebfd; /* measured */
  --color-text: #15171c; /* measured */
  --color-text-muted: #5b6170; /* measured */
  --color-border: #d7dae1; /* measured */
  --color-border-strong: var(--color-text); /* measured */
  --color-accent: #2b4bee; /* measured */
  --color-accent-hover: var(--color-accent); /* measured */
  --color-on-accent: #ffffff; /* designed */
  --color-link: var(--color-accent); /* measured */
  --color-focus-ring: var(--color-accent); /* measured */
  --color-input-bg: var(--color-surface); /* measured */
  --color-input-border: var(--color-text-muted); /* measured */
  --color-success: #17855a; /* measured */
  /* font-family */
  --font-family-heading: "Archivo", "Helvetica Neue", Arial, sans-serif; /* measured */
  --font-family-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; /* measured */
  --font-family-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* measured */
  --font-family-ui: var(--font-family-mono); /* measured */
  /* font-size */
  --font-size-h1: 64px; /* measured */
  --font-size-numeral: 33.6px; /* measured */
  --font-size-h2: 29.6px; /* measured */
  --font-size-h3: 19.2px; /* measured */
  --font-size-lead: 18.4px; /* measured */
  --font-size-body: 16px; /* measured */
  --font-size-small: 15.2px; /* measured */
  --font-size-caption: 14.72px; /* measured */
  --font-size-code: 13.5px; /* measured */
  --font-size-button: 13px; /* measured */
  --font-size-meta: 12px; /* measured */
  --font-size-label: 11px; /* measured */
  /* font-weight */
  --font-weight-regular: 400; /* measured */
  --font-weight-medium: 500; /* measured */
  --font-weight-semibold: 600; /* measured */
  --font-weight-bold: 700; /* measured */
  --font-weight-section: 750; /* measured */
  --font-weight-heading: 800; /* measured */
  /* line-height */
  --line-height-none: 1; /* measured */
  --line-height-tight: 0.98; /* measured */
  --line-height-heading: 1.1; /* measured */
  --line-height-title: 1.2; /* measured */
  --line-height-body: 1.55; /* measured */
  --line-height-code: 1.6; /* measured */
  /* letter-spacing */
  --letter-spacing-tight: -0.02em; /* measured */
  --letter-spacing-caps: 0.08em; /* measured */
  --letter-spacing-caps-sm: 0.06em; /* measured */
  --letter-spacing-mono: 0.04em; /* measured */
  /* space */
  --space-1: 4px; /* measured */
  --space-2: 6px; /* measured */
  --space-3: 8px; /* measured */
  --space-4: 12px; /* measured */
  --space-5: 16px; /* measured */
  --space-6: 20px; /* measured */
  --space-7: 24px; /* measured */
  --space-8: 32px; /* measured */
  --space-9: 48px; /* measured */
  --space-10: 64px; /* measured */
  /* size */
  --size-content: 900px; /* measured */
  --size-rail: 64px; /* measured */
  --size-chevron: 28px; /* measured */
  --size-checkbox: 20px; /* measured */
  /* radius */
  --radius-xs: 4px; /* measured */
  --radius-control: 5px; /* measured */
  --radius-sm: 6px; /* measured */
  --radius-md: 8px; /* measured */
  --radius-lg: 10px; /* measured */
  --radius-full: 999px; /* measured */
  /* border-width */
  --border-width-default: 1px; /* measured */
  --border-width-strong: 1.5px; /* measured */
  --border-width-focus: 2px; /* measured */
  /* duration */
  --duration-base: 200ms; /* measured */
  /* easing */
  --easing-standard: ease; /* measured */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0e1014;
    --color-surface: #161920;
    --color-surface-code: #1f232c;
    --color-accent-soft: #1c2340;
    --color-text: #e9ebf0;
    --color-text-muted: #9aa1af;
    --color-border: #2a2f3a;
    --color-accent: #8299ff;
    --color-success: #4cc690;
    --color-on-accent: var(--color-bg);
  }
}
:root[data-theme="dark"] {
  --color-bg: #0e1014;
  --color-surface: #161920;
  --color-surface-code: #1f232c;
  --color-accent-soft: #1c2340;
  --color-text: #e9ebf0;
  --color-text-muted: #9aa1af;
  --color-border: #2a2f3a;
  --color-accent: #8299ff;
  --color-success: #4cc690;
  --color-on-accent: var(--color-bg);
}