/*
 * GENERATED FILE — DO NOT EDIT.
 *
 * Source: synthetic-smarts/design/DESIGN.md
 * Generator: synsmarts-www/scripts/generate-design-tokens.mjs
 * Regenerate: `npm run tokens:generate` (also runs on dev/build/test).
 *
 * Tokens are extracted from the DESIGN.md frontmatter by
 * @google/design.md export --format css-tailwind, then the v4-specific
 * `@theme {}` wrapper is rewritten to a plain `:root {}` block so
 * the CSS custom properties bind in a non-Tailwind Astro context.
 *
 * public/style.css imports this file at the top of the cascade. The
 * existing GitHub-derived alias tokens (--color-canvas-default,
 * --color-fg-default, etc.) coexist with these canonical tokens as
 * compatibility aliases until per-page CSS migrates to canonical
 * names.
 *
 * Surface code references canonical tokens — never inline hex
 * (design/DESIGN.md HC + CLAUDE.md Design System HC).
 */
:root {
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-container: #ffffff;
  --color-surface-container-high: #f8f9fb;
  --color-on-surface: #0b1426;
  --color-on-surface-variant: #5c6680;
  --color-outline: #e1e4ea;
  --color-outline-variant: #e1e4ea;
  --color-primary: #5b21b6;
  --color-on-primary: #ffffff;
  --color-primary-hover: #4c1d95;
  --color-secondary: #1d4ed8;
  --color-on-secondary: #ffffff;
  --color-tag: #1d4ed8;
  --color-on-tag: #ffffff;
  --color-error: #c8372d;
  --color-success: #3f8f4a;
  --color-warning: #d98a1f;
  --color-info: #2c6e9b;
  --color-neutral: #8a8a8a;
  --color-signal-cyan: #19e5ff;
  --color-signal-mint: #6bf0b5;
  --color-signal-amber: #ffb547;
  --color-signal-rose: #ff6b8b;
  --color-canvas-dark: #0a1020;
  --font-display-lg: "Inter";
  --font-display-md: "Inter";
  --font-headline-lg: "Inter";
  --font-headline-md: "Inter";
  --font-title-md: "Inter";
  --font-body-lg: "Inter";
  --font-body-md: "Inter";
  --font-label-sm: "Inter";
  --font-code-md: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
  --font-code-sm: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
  --text-display-lg: 64px;
  --text-display-md: 48px;
  --text-headline-lg: 32px;
  --text-headline-md: 24px;
  --text-title-md: 20px;
  --text-body-lg: 18px;
  --text-body-md: 16px;
  --text-label-sm: 12px;
  --text-code-md: 14px;
  --text-code-sm: 12px;
  --leading-display-lg: 68px;
  --leading-display-md: 52px;
  --leading-headline-lg: 40px;
  --leading-headline-md: 32px;
  --leading-title-md: 28px;
  --leading-body-lg: 28px;
  --leading-body-md: 24px;
  --leading-label-sm: 16px;
  --leading-code-md: 22px;
  --leading-code-sm: 18px;
  --tracking-display-lg: -0.03em;
  --tracking-display-md: -0.02em;
  --tracking-headline-lg: -0.02em;
  --tracking-label-sm: 0.05em;
  --font-weight-display-lg: 700;
  --font-weight-display-md: 700;
  --font-weight-headline-lg: 600;
  --font-weight-headline-md: 600;
  --font-weight-title-md: 500;
  --font-weight-body-lg: 400;
  --font-weight-body-md: 400;
  --font-weight-label-sm: 600;
  --font-weight-code-md: 400;
  --font-weight-code-sm: 400;
  --radius-sm: 0.125rem;
  --radius-DEFAULT: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-full: 9999px;
  --spacing-unit: 16px;
  --spacing-container-padding: 60px;
  --spacing-card-gap: 16px;
  --spacing-section-margin: 96px;
  --spacing-card-padding: 24px;
}