/* Generated by forge design-tokens from design/tokens. Do not edit by hand; edit the tokens and rebuild. */

:root {
  color-scheme: light dark;
  --ds-duration-drawer: 260ms;
  --ds-duration-medium: 200ms;
  --ds-duration-press: 160ms;
  --ds-duration-short: 150ms;
  --ds-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ds-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ds-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ds-font-family-albert-sans: "Albert Sans Variable", "Albert Sans", system-ui, sans-serif;
  --ds-font-family-bricolage: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;
  --ds-font-family-display: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-font-family-geist: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-font-family-geist-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
  --ds-font-family-host-grotesk: "Host Grotesk Variable", "Host Grotesk", system-ui, sans-serif;
  --ds-font-family-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
  --ds-font-family-text: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-press-scale: 0.97;
  --ds-radius-card: 14px;
  --ds-radius-control: 8px;
  --ds-radius-pill: 999px;
  --ds-radius-sheet: 14px;
  --ds-size-control: 36px;
  --ds-size-row: 52px;
  --ds-size-sidebar: 232px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 18px;
  --ds-space-6: 22px;
  --ds-space-7: 28px;
  --ds-space-8: 40px;
  --ds-type-body: 14px;
  --ds-type-body--line-height: 1.5;
  --ds-type-body--font-weight: 400;
  --ds-type-body--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-body-strong: 14px;
  --ds-type-body-strong--line-height: 1.5;
  --ds-type-body-strong--font-weight: 600;
  --ds-type-body-strong--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-display: 34px;
  --ds-type-display--line-height: 1.05;
  --ds-type-display--font-weight: 650;
  --ds-type-display--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-display--letter-spacing: -0.85px;
  --ds-type-figure: 28px;
  --ds-type-figure--line-height: 1.1;
  --ds-type-figure--font-weight: 650;
  --ds-type-figure--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-figure--letter-spacing: -0.7px;
  --ds-type-heading: 15px;
  --ds-type-heading--line-height: 1.3;
  --ds-type-heading--font-weight: 600;
  --ds-type-heading--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-input: 16px;
  --ds-type-input--line-height: 1.3;
  --ds-type-input--font-weight: 400;
  --ds-type-input--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-label: 13px;
  --ds-type-label--line-height: 1.3;
  --ds-type-label--font-weight: 500;
  --ds-type-label--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-meta: 12.5px;
  --ds-type-meta--line-height: 1.4;
  --ds-type-meta--font-weight: 400;
  --ds-type-meta--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-mono: 13px;
  --ds-type-mono--line-height: 1.4;
  --ds-type-mono--font-weight: 400;
  --ds-type-mono--font-family: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
  --ds-type-mono-log: 12.5px;
  --ds-type-mono-log--line-height: 1.7;
  --ds-type-mono-log--font-weight: 400;
  --ds-type-mono-log--font-family: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
  --ds-type-title: 30px;
  --ds-type-title--line-height: 1.1;
  --ds-type-title--font-weight: 650;
  --ds-type-title--font-family: "Geist Variable", "Geist", system-ui, sans-serif;
  --ds-type-title--letter-spacing: -0.75px;
  --ds-color-accent: oklch(51.56% 0.2141 266.40);
  --ds-color-accent-soft: oklch(94.60% 0.0212 268.43);
  --ds-color-busy: oklch(51.56% 0.2141 266.40);
  --ds-color-busy-soft: oklch(94.60% 0.0212 268.43);
  --ds-color-canvas: oklch(96.95% 0.0045 258.32);
  --ds-color-chart-1: oklch(51.56% 0.2141 266.40);
  --ds-color-chart-2: oklch(63.98% 0.0894 268.32);
  --ds-color-danger: oklch(53.64% 0.1800 27.85);
  --ds-color-danger-soft: oklch(95.00% 0.0188 25.61);
  --ds-color-focus: oklch(51.56% 0.2141 266.40);
  --ds-color-ink: oklch(20.10% 0.0211 267.58);
  --ds-color-ink-faint: oklch(55.40% 0.0252 263.10);
  --ds-color-ink-muted: oklch(48.05% 0.0262 263.06);
  --ds-color-line: oklch(92.36% 0.0092 258.34);
  --ds-color-line-strong: oklch(63.19% 0.0244 263.13);
  --ds-color-on-accent: oklch(97.69% 0.0109 274.90);
  --ds-color-on-accent-soft: oklch(45.73% 0.1996 266.32);
  --ds-color-on-busy-soft: oklch(45.73% 0.1996 266.32);
  --ds-color-on-danger: oklch(99.73% 0.0013 286.38);
  --ds-color-scrim: oklch(16.25% 0.0143 258.36);
  --ds-color-stopped: oklch(52.98% 0.0255 263.09);
  --ds-color-success: oklch(51.37% 0.1117 159.00);
  --ds-color-success-soft: oklch(95.00% 0.0199 164.58);
  --ds-color-sunken: oklch(98.12% 0.0034 247.86);
  --ds-color-surface: oklch(99.73% 0.0013 286.38);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ds-color-accent: oklch(74.89% 0.1042 238.23);
    --ds-color-accent-soft: oklch(27.27% 0.0411 245.72);
    --ds-color-busy: oklch(83.41% 0.1410 85.43);
    --ds-color-busy-soft: oklch(27.17% 0.0375 89.83);
    --ds-color-canvas: oklch(17.89% 0.0156 248.71);
    --ds-color-chart-1: oklch(74.89% 0.1042 238.23);
    --ds-color-chart-2: oklch(56.07% 0.0591 243.20);
    --ds-color-danger: oklch(76.05% 0.1428 27.58);
    --ds-color-danger-soft: oklch(25.48% 0.0494 17.15);
    --ds-color-focus: oklch(74.89% 0.1042 238.23);
    --ds-color-ink: oklch(94.03% 0.0104 247.94);
    --ds-color-ink-faint: oklch(65.85% 0.0339 248.34);
    --ds-color-ink-muted: oklch(74.28% 0.0299 246.59);
    --ds-color-line: oklch(30.41% 0.0347 252.26);
    --ds-color-line-strong: oklch(51.56% 0.0399 248.61);
    --ds-color-on-accent: oklch(18.33% 0.0274 237.83);
    --ds-color-on-accent-soft: oklch(80.55% 0.0819 236.94);
    --ds-color-on-busy-soft: oklch(83.41% 0.1410 85.43);
    --ds-color-on-danger: oklch(16.33% 0.0329 29.17);
    --ds-color-scrim: oklch(11.94% 0.0134 247.61);
    --ds-color-stopped: oklch(65.99% 0.0325 251.41);
    --ds-color-success: oklch(80.55% 0.1334 156.06);
    --ds-color-success-soft: oklch(28.09% 0.0474 155.88);
    --ds-color-sunken: oklch(24.72% 0.0239 248.82);
    --ds-color-surface: oklch(21.81% 0.0197 248.75);
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --ds-color-accent: oklch(74.89% 0.1042 238.23);
  --ds-color-accent-soft: oklch(27.27% 0.0411 245.72);
  --ds-color-busy: oklch(83.41% 0.1410 85.43);
  --ds-color-busy-soft: oklch(27.17% 0.0375 89.83);
  --ds-color-canvas: oklch(17.89% 0.0156 248.71);
  --ds-color-chart-1: oklch(74.89% 0.1042 238.23);
  --ds-color-chart-2: oklch(56.07% 0.0591 243.20);
  --ds-color-danger: oklch(76.05% 0.1428 27.58);
  --ds-color-danger-soft: oklch(25.48% 0.0494 17.15);
  --ds-color-focus: oklch(74.89% 0.1042 238.23);
  --ds-color-ink: oklch(94.03% 0.0104 247.94);
  --ds-color-ink-faint: oklch(65.85% 0.0339 248.34);
  --ds-color-ink-muted: oklch(74.28% 0.0299 246.59);
  --ds-color-line: oklch(30.41% 0.0347 252.26);
  --ds-color-line-strong: oklch(51.56% 0.0399 248.61);
  --ds-color-on-accent: oklch(18.33% 0.0274 237.83);
  --ds-color-on-accent-soft: oklch(80.55% 0.0819 236.94);
  --ds-color-on-busy-soft: oklch(83.41% 0.1410 85.43);
  --ds-color-on-danger: oklch(16.33% 0.0329 29.17);
  --ds-color-scrim: oklch(11.94% 0.0134 247.61);
  --ds-color-stopped: oklch(65.99% 0.0325 251.41);
  --ds-color-success: oklch(80.55% 0.1334 156.06);
  --ds-color-success-soft: oklch(28.09% 0.0474 155.88);
  --ds-color-sunken: oklch(24.72% 0.0239 248.82);
  --ds-color-surface: oklch(21.81% 0.0197 248.75);
}

[data-theme="light"] {
  color-scheme: light;
}

/* Themes: added by tools/build_themes.py from design/tokens/themes.tokens.json. */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ds-font-family-text: "Host Grotesk Variable", "Host Grotesk", system-ui, sans-serif;
    --ds-font-family-display: "Host Grotesk Variable", "Host Grotesk", system-ui, sans-serif;
    --ds-radius-card: 18px;
    --ds-radius-sheet: 18px;
    --ds-type-display--font-weight: 700;
    --ds-type-title--font-weight: 700;
    --ds-type-figure--font-weight: 700;
    --ds-type-display--letter-spacing: -1.02px;
    --ds-type-title--letter-spacing: -0.9px;
    --ds-type-figure--letter-spacing: -0.84px;
  }
}

[data-theme="dark"] {
  --ds-font-family-text: "Host Grotesk Variable", "Host Grotesk", system-ui, sans-serif;
  --ds-font-family-display: "Host Grotesk Variable", "Host Grotesk", system-ui, sans-serif;
  --ds-radius-card: 18px;
  --ds-radius-sheet: 18px;
  --ds-type-display--font-weight: 700;
  --ds-type-title--font-weight: 700;
  --ds-type-figure--font-weight: 700;
  --ds-type-display--letter-spacing: -1.02px;
  --ds-type-title--letter-spacing: -0.9px;
  --ds-type-figure--letter-spacing: -0.84px;
}

[data-theme="light"] {
  --ds-color-accent: oklch(51.56% 0.2141 266.40);
  --ds-color-accent-soft: oklch(94.60% 0.0212 268.43);
  --ds-color-busy: oklch(51.56% 0.2141 266.40);
  --ds-color-busy-soft: oklch(94.60% 0.0212 268.43);
  --ds-color-canvas: oklch(96.95% 0.0045 258.32);
  --ds-color-chart-1: oklch(51.56% 0.2141 266.40);
  --ds-color-chart-2: oklch(63.98% 0.0894 268.32);
  --ds-color-danger: oklch(53.64% 0.1800 27.85);
  --ds-color-danger-soft: oklch(95.00% 0.0188 25.61);
  --ds-color-focus: oklch(51.56% 0.2141 266.40);
  --ds-color-ink: oklch(20.10% 0.0211 267.58);
  --ds-color-ink-faint: oklch(55.40% 0.0252 263.10);
  --ds-color-ink-muted: oklch(48.05% 0.0262 263.06);
  --ds-color-line: oklch(92.36% 0.0092 258.34);
  --ds-color-line-strong: oklch(63.19% 0.0244 263.13);
  --ds-color-on-accent: oklch(97.69% 0.0109 274.90);
  --ds-color-on-accent-soft: oklch(45.73% 0.1996 266.32);
  --ds-color-on-busy-soft: oklch(45.73% 0.1996 266.32);
  --ds-color-on-danger: oklch(99.73% 0.0013 286.38);
  --ds-color-scrim: oklch(16.25% 0.0143 258.36);
  --ds-color-stopped: oklch(52.98% 0.0255 263.09);
  --ds-color-success: oklch(51.37% 0.1117 159.00);
  --ds-color-success-soft: oklch(95.00% 0.0199 164.58);
  --ds-color-sunken: oklch(98.12% 0.0034 247.86);
  --ds-color-surface: oklch(99.73% 0.0013 286.38);
  --ds-font-family-display: "Geist Variable", Geist, system-ui, sans-serif;
  --ds-font-family-text: "Geist Variable", Geist, system-ui, sans-serif;
  --ds-radius-card: 14px;
  --ds-radius-sheet: 14px;
  --ds-type-display--font-weight: 650;
  --ds-type-display--letter-spacing: -0.85px;
  --ds-type-figure--font-weight: 650;
  --ds-type-figure--letter-spacing: -0.7px;
  --ds-type-title--font-weight: 650;
  --ds-type-title--letter-spacing: -0.75px;
}

:root[data-theme="mist"],
[data-theme="mist"] {
  color-scheme: light;
  --ds-color-accent: oklch(49.43% 0.1624 357.51);
  --ds-color-accent-soft: oklch(93.03% 0.0232 350.11);
  --ds-color-busy: oklch(49.43% 0.1624 357.51);
  --ds-color-busy-soft: oklch(93.03% 0.0232 350.11);
  --ds-color-canvas: oklch(93.62% 0.0094 171.79);
  --ds-color-chart-1: oklch(48.35% 0.0669 177.29);
  --ds-color-chart-2: oklch(61.92% 0.0498 169.49);
  --ds-color-danger: oklch(52.22% 0.1721 28.11);
  --ds-color-danger-soft: oklch(93.03% 0.0213 28.33);
  --ds-color-focus: oklch(49.43% 0.1624 357.51);
  --ds-color-ink: oklch(23.09% 0.0250 173.28);
  --ds-color-ink-faint: oklch(52.39% 0.0252 171.00);
  --ds-color-ink-muted: oklch(47.73% 0.0267 171.83);
  --ds-color-line: oklch(88.01% 0.0155 171.00);
  --ds-color-line-strong: oklch(60.63% 0.0238 174.48);
  --ds-color-on-accent: oklch(97.68% 0.0129 353.13);
  --ds-color-on-accent-soft: oklch(44.17% 0.1489 357.72);
  --ds-color-on-busy-soft: oklch(44.17% 0.1489 357.72);
  --ds-color-on-danger: oklch(97.98% 0.0098 25.07);
  --ds-color-scrim: oklch(16.25% 0.0155 172.09);
  --ds-color-stopped: oklch(52.92% 0.0224 172.11);
  --ds-color-success: oklch(50.74% 0.1129 156.76);
  --ds-color-success-soft: oklch(93.60% 0.0232 161.73);
  --ds-color-sunken: oklch(95.91% 0.0069 174.38);
  --ds-color-surface: oklch(97.88% 0.0044 179.74);
  --ds-font-family-text: "Albert Sans Variable", "Albert Sans", system-ui, sans-serif;
  --ds-font-family-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;
  --ds-radius-card: 16px;
  --ds-radius-sheet: 16px;
  --ds-type-display--font-weight: 750;
  --ds-type-title--font-weight: 750;
  --ds-type-figure--font-weight: 750;
  --ds-type-display--letter-spacing: -0.68px;
  --ds-type-title--letter-spacing: -0.6px;
  --ds-type-figure--letter-spacing: -0.56px;
}