/* Generated from handoff/design-system/tokens.json by tools/build-tokens.py.
   Do not edit by hand. */

:root {
  --surface-page: #ffffff;
  --surface-raised: #f7f9fc;
  --surface-sunken: #eef3f9;
  --surface-navy: #0f243d;
  --surface-navy-deep: #091827;
  --surface-blue-soft: #e6f0ff;
  --surface-cyan-soft: #e3f7fc;
  --surface-lime-soft: #f0fbd6;
  --ink-strong: #0f243d;
  --ink-body: #33455c;
  --ink-muted: #5c6b7f;
  --ink-on-navy: #ffffff;
  --ink-on-navy-muted: #b9cbe0;
  --brand-primary: #0069ff;
  --brand-primary-hover: #0052cc;
  --brand-navy: #0f243d;
  --brand-lime: #8fe800;
  --brand-cyan: #45c2ff;
  --brand-red: #ff294c;
  --signal-danger: #c2102f;
  --signal-danger-soft: #fdeaee;
  --signal-warning: #8a5200;
  --signal-warning-soft: #fdf2e0;
  --signal-success: #146c43;
  --signal-success-soft: #e7f6ec;
  --border-subtle: #dde4ed;
  --border-strong: #0f243d;
  --border-on-navy: #2b4560;
  --focus-ring: #0069ff;
  --overlay-scrim: rgba(9, 24, 39, 0.55);
  --font-family-display: "Stack Sans Notch", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-sans: "elza-text", elza, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --display-1-size: 56px;
  --display-1-line: 56px;
  --display-1-weight: 500;
  --display-1-tracking: -0.02em;
  --display-2-size: 44px;
  --display-2-line: 48px;
  --display-2-weight: 500;
  --display-2-tracking: -0.015em;
  --display-3-size: 34px;
  --display-3-line: 38px;
  --display-3-weight: 500;
  --display-3-tracking: -0.01em;
  --heading-1-size: 28px;
  --heading-1-line: 34px;
  --heading-1-weight: 500;
  --heading-2-size: 22px;
  --heading-2-line: 28px;
  --heading-2-weight: 500;
  --heading-3-size: 18px;
  --heading-3-line: 24px;
  --heading-3-weight: 600;
  --body-lead-size: 20px;
  --body-lead-line: 30px;
  --body-lead-weight: 400;
  --body-size: 17px;
  --body-line: 27px;
  --body-weight: 400;
  --body-sm-size: 15px;
  --body-sm-line: 23px;
  --body-sm-weight: 400;
  --caption-size: 13px;
  --caption-line: 19px;
  --caption-weight: 400;
  --eyebrow-size: 12px;
  --eyebrow-line: 16px;
  --eyebrow-weight: 600;
  --eyebrow-tracking: 0.12em;
  --label-size: 14px;
  --label-line: 18px;
  --label-weight: 600;
  --button-size: 16px;
  --button-line: 20px;
  --button-weight: 600;
  --button-tracking: 0.01em;
  --price-size: 40px;
  --price-line: 44px;
  --price-weight: 500;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --container-max: 1200px;
  --container-gutter: 24px;
  --measure-prose: 640px;
  --grid-gap: 24px;
  --shadow-sm: 0 1px 2px rgba(15, 36, 61, 0.08);
  --shadow-md: 0 4px 16px rgba(15, 36, 61, 0.1);
  --shadow-lg: 0 16px 48px rgba(15, 36, 61, 0.16);
}

/* Dark theme values, carried for completeness. Nothing on the site sets
   data-theme yet. */
[data-theme="dark"] {
  --surface-page: #0b1522;
  --surface-raised: #132132;
  --surface-sunken: #0f1b29;
  --surface-navy: #0d1d31;
  --surface-navy-deep: #07121e;
  --surface-blue-soft: #10243f;
  --surface-cyan-soft: #0e2d3a;
  --surface-lime-soft: #1d2e10;
  --ink-strong: #f2f6fa;
  --ink-body: #b9c7d6;
  --ink-muted: #8fa1b5;
  --ink-on-navy: #f2f6fa;
  --ink-on-navy-muted: #a9bdd1;
  --brand-primary: #5d9cff;
  --brand-primary-hover: #85b5ff;
  --brand-navy: #c8d7e6;
  --brand-lime: #a6f22e;
  --brand-cyan: #63cdff;
  --brand-red: #ff6b82;
  --signal-danger: #ff8d9d;
  --signal-danger-soft: #3a1119;
  --signal-warning: #f0b155;
  --signal-warning-soft: #38290f;
  --signal-success: #5ed08c;
  --signal-success-soft: #0f2a1c;
  --border-subtle: #22334a;
  --border-strong: #5b7a9c;
  --border-on-navy: #26405c;
  --focus-ring: #85b5ff;
  --overlay-scrim: rgba(4, 10, 17, 0.7);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.65);
}