/* Generated from tokens/tokens.css by scripts/tokens.ts. Edit the source, never this file. */
:root {
  --radius-sm: 5px;
  --radius-brand: 20px 5px;
  --radius-pill: 9999px;
  --color-bg: #f7f9fa;
  --color-white: #ffffff;
  --color-ink: #19283a;
  --color-muted: #545861;
  --color-border: #d0d2d8;
  --color-border-strong: color-mix(in srgb, var(--color-ink) 50%, white);
  --color-tint: #eef1f4;
  --color-teal: #1a7285;
  --color-teal-dark: #155b6a;
  --color-teal-light: color-mix(in srgb, var(--color-teal) 40%, white);
  --color-purple: #9333ea;
  --color-purple-light: color-mix(in srgb, var(--color-purple) 40%, white);
  --color-ampersand: #7c849c;
  --color-ampersand-light: color-mix(in srgb, var(--color-ampersand) 60%, white);
  --color-green: #4ade80;
  --color-green-dark: #15803d;
  --color-amber: #f59e0b;
  --color-amber-dark: #b45309;
  --color-factory: #a3402a;
  --color-factory-light: #f29a80;
  --color-red: #dc2626;
  --color-red-night: #f26969;
  --color-night: #0b1118;
  --color-night-2: #111a24;
  --color-night-ink: color-mix(in srgb, white 92%, var(--color-night));
  --color-night-muted: color-mix(in srgb, white 80%, var(--color-night));
  --color-night-subtle: color-mix(in srgb, white 60%, var(--color-night));
  --color-night-line: color-mix(in srgb, var(--color-night-ink) 15%, var(--color-night));
  --color-teal-night: #47aec6;
  --color-purple-night: #b97af1;
  --color-subtle: var(--color-muted);
  --font-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;
  --font-code: "JetBrains Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;
  --font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --text-display: clamp(1.875rem, 1.413rem + 2.6087vw, 3.5rem);
  --text-display--line-height: 1.1;
  --text-display--letter-spacing: -0.04em;
  --text-display--word-spacing: -0.2em;
  --text-h1: clamp(1.75rem, 1.2609rem + 2.1739vw, 3rem);
  --text-h1--line-height: 1.1;
  --text-h1--letter-spacing: -0.035em;
  --text-h1--word-spacing: -0.2em;
  --text-h2: clamp(1.375rem, 1.1793rem + 0.8696vw, 1.875rem);
  --text-h2--line-height: 1.2;
  --text-h2--letter-spacing: -0.02em;
  --text-h2--word-spacing: -0.1em;
  --text-h3: clamp(1.25rem, 1.1522rem + 0.4348vw, 1.5rem);
  --text-h3--line-height: 1.25;
  --text-h3--letter-spacing: -0.015em;
  --text-h4: 1.125rem;
  --text-h4--line-height: 1.35;
  --text-h4--letter-spacing: -0.01em;
  --text-lead: clamp(1.125rem, 1.0761rem + 0.2174vw, 1.25rem);
  --text-lead--line-height: 1.55;
  --text-body: 1rem;
  --text-body--line-height: 1.6;
  --text-small: 0.875rem;
  --text-small--line-height: 1.5;
  --text-label: 0.75rem;
  --text-label--line-height: 1.4;
  --tracking-label: 0.06em;
  --leading-none: 1;
  --type-display-family: var(--font-mono);
  --type-display-weight: 700;
  --type-display-size: var(--text-display);
  --type-display-line-height: var(--text-display--line-height);
  --type-display-tracking: var(--text-display--letter-spacing);
  --type-display-word-spacing: var(--text-display--word-spacing);
  --type-h1-family: var(--font-mono);
  --type-h1-weight: 700;
  --type-h1-size: var(--text-h1);
  --type-h1-line-height: var(--text-h1--line-height);
  --type-h1-tracking: var(--text-h1--letter-spacing);
  --type-h1-word-spacing: var(--text-h1--word-spacing);
  --type-h2-family: var(--font-mono);
  --type-h2-weight: 700;
  --type-h2-size: var(--text-h2);
  --type-h2-line-height: var(--text-h2--line-height);
  --type-h2-tracking: var(--text-h2--letter-spacing);
  --type-h2-word-spacing: var(--text-h2--word-spacing);
  --type-h3-family: var(--font-mono);
  --type-h3-weight: 700;
  --type-h3-size: var(--text-h3);
  --type-h3-line-height: var(--text-h3--line-height);
  --type-h3-tracking: var(--text-h3--letter-spacing);
  --type-h4-family: var(--font-mono);
  --type-h4-weight: 700;
  --type-h4-size: var(--text-h4);
  --type-h4-line-height: var(--text-h4--line-height);
  --type-h4-tracking: var(--text-h4--letter-spacing);
  --type-lead-family: var(--font-sans);
  --type-lead-weight: 400;
  --type-lead-size: var(--text-lead);
  --type-lead-line-height: var(--text-lead--line-height);
  --type-lead-tracking: 0;
  --type-body-family: var(--font-sans);
  --type-body-weight: 400;
  --type-body-size: var(--text-body);
  --type-body-line-height: var(--text-body--line-height);
  --type-body-tracking: 0;
  --type-small-family: var(--font-sans);
  --type-small-weight: 400;
  --type-small-size: var(--text-small);
  --type-small-line-height: var(--text-small--line-height);
  --type-small-tracking: 0;
  --type-label-family: var(--font-mono);
  --type-label-weight: 500;
  --type-label-size: var(--text-label);
  --type-label-line-height: var(--text-label--line-height);
  --type-label-tracking: var(--tracking-label);
  --type-label-case: uppercase;
  --type-stat-family: var(--font-mono);
  --type-stat-weight: 700;
  --type-stat-size: var(--text-h1);
  --type-stat-line-height: 1.1;
  --type-stat-tracking: -0.04em;
  --type-code-family: var(--font-code);
  --type-code-weight: 400;
  --type-code-size: var(--text-small);
  --type-code-line-height: 1.6;
  --type-code-tracking: 0;
  --spacing-gutter: max(round(clamp(1rem, 0.413rem + 2.6087vw, 2.5rem), 1px), env(safe-area-inset-left), env(safe-area-inset-right));
  --spacing-section: clamp(3rem, 1.8261rem + 5.2174vw, 6rem);
  --spacing-header: calc(3px + 4.75rem + 1px + env(safe-area-inset-top));
  --spacing-strip: 3px;
  --spacing-header-row: 3.5rem;
  --spacing-logo: 2rem;
  --spacing-app-header: calc(var(--spacing-strip) + var(--spacing-header-row) + 1px + env(safe-area-inset-top));
  --spacing-hero: clamp(2.5rem, 2.1087rem + 1.7391vw, 3.5rem);
  --spacing-section-head: clamp(2rem, 1.6087rem + 1.7391vw, 3rem);
  --spacing-stack: clamp(1.5rem, 0.913rem + 2.6087vw, 3rem);
  --spacing-grid: clamp(1rem, 0.6087rem + 1.7391vw, 2rem);
  --spacing-card: min(clamp(1.25rem, 0.9565rem + 1.3043vw, 2rem), clamp(20px, 15.304px + 1.3043vw, 32px));
  --container-content: 72rem;
  --container-wide: 84rem;
  --container-measure: 33em;
  --container-measure-h1: 18ch;
  --container-measure-h2: 26ch;
  --breakpoint-xs: 25rem;
  --breakpoint-header-cta: 30rem;
  --logo-wizard-lift: -7.8%;
  --shadow-card: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-overlay: 0 18px 46px rgb(25 40 58 / 0.1);
  --chart-1: var(--color-teal);
  --chart-2: var(--color-purple);
  --chart-3: var(--color-amber-dark);
  --chart-4: var(--color-green-dark);
  --chart-5: var(--color-factory);
  --chart-6: var(--color-ampersand);
  --code-bg: var(--color-night);
  --code-fg: var(--color-night-ink);
  --code-comment: var(--color-night-subtle);
  --code-keyword: var(--color-purple-night);
  --code-string: var(--color-teal-night);
  --code-inserted: var(--color-green);
  --code-deleted: var(--color-red-night);
  --motion-fast: 150ms ease;
  --motion-duration-draw: 1.3s;
  --motion-duration-line: 650ms;
  --motion-duration-tune: 7s;
  --motion-ease-brand: cubic-bezier(0.16, 1, 0.3, 1);
  --gradient-magic: linear-gradient(135deg, var(--color-teal) 0%, var(--color-purple) 100%);
}