/* Copied at build time from Headway's packages/tokens/src/tokens.css — the line's token contract (CORE). */
/* Generated by packages/tokens/build.mjs from figma/*.json — do not edit. */
:root {
  /* 1 · Primitives */
  --ds-color-neutral-0: #ffffff;
  --ds-color-neutral-25: #f9f9fa;
  --ds-color-neutral-50: #f7f9fb;
  --ds-color-neutral-100: #eff1f3;
  --ds-color-neutral-200: #e4e5e7;
  --ds-color-neutral-300: #d1d2d4;
  --ds-color-neutral-400: #a8a9ab;
  --ds-color-neutral-500: #7e7f81;
  --ds-color-neutral-600: #5a5b5d;
  --ds-color-neutral-700: #404040;
  --ds-color-neutral-800: #333333;
  --ds-color-neutral-850: #262626;
  --ds-color-neutral-900: #1c1c1c;
  --ds-color-neutral-950: #141414;
  --ds-color-neutral-1000: #000000;
  --ds-color-alpha-black-2: #00000005;
  --ds-color-alpha-black-3: #00000008;
  --ds-color-alpha-black-4: #0000000a;
  --ds-color-alpha-black-5: #0000000d;
  --ds-color-alpha-black-10: #0000001a;
  --ds-color-alpha-black-15: #00000026;
  --ds-color-alpha-black-20: #00000033;
  --ds-color-alpha-black-40: #00000066;
  --ds-color-alpha-black-80: #000000cc;
  --ds-color-alpha-white-4: #ffffff0a;
  --ds-color-alpha-white-10: #ffffff1a;
  --ds-color-alpha-white-15: #ffffff26;
  --ds-color-alpha-white-20: #ffffff33;
  --ds-color-alpha-white-40: #ffffff66;
  --ds-color-alpha-white-80: #ffffffcc;
  --ds-color-alpha-white-90: #ffffffe5;
  --ds-color-indigo-50: #edeefc;
  --ds-color-indigo-100: #ededff;
  --ds-color-indigo-200: #c6c7f8;
  --ds-color-indigo-300: #adadfb;
  --ds-color-indigo-400: #95a4fc;
  --ds-color-indigo-600: #8a8cd9;
  --ds-color-indigo-800: #4f507f;
  --ds-color-indigo-900: #25264a;
  --ds-color-blue-50: #e6f1fd;
  --ds-color-blue-100: #e3f5ff;
  --ds-color-blue-200: #b1e3ff;
  --ds-color-blue-300: #7dbbff;
  --ds-color-blue-600: #59a8d4;
  --ds-color-blue-700: #0a84ff;
  --ds-color-blue-900: #172b3d;
  --ds-color-cyan-300: #a0bce8;
  --ds-color-cyan-600: #32ade6;
  --ds-color-mint-200: #a1e3cb;
  --ds-color-mint-300: #6be6d3;
  --ds-color-mint-600: #00c7be;
  --ds-color-green-100: #def8ee;
  --ds-color-green-200: #baedbd;
  --ds-color-green-300: #71dd8c;
  --ds-color-green-600: #4aa785;
  --ds-color-green-700: #2f7d5f;
  --ds-color-green-900: #1b3326;
  --ds-color-yellow-100: #fffbd4;
  --ds-color-yellow-200: #ffe999;
  --ds-color-yellow-300: #ffcc00;
  --ds-color-yellow-600: #ffc555;
  --ds-color-yellow-700: #a67c00;
  --ds-color-yellow-900: #3a3217;
  --ds-color-orange-100: #fff1e5;
  --ds-color-orange-300: #ffb55b;
  --ds-color-orange-500: #f08a3c;
  --ds-color-orange-700: #c2621a;
  --ds-color-orange-900: #3d2716;
  --ds-color-red-100: #ffecec;
  --ds-color-red-300: #ff8a8a;
  --ds-color-red-500: #ff4747;
  --ds-color-red-700: #c92a2a;
  --ds-color-red-900: #3d1c1c;
  --ds-color-purple-300: #b899eb;
  --ds-color-purple-600: #af52de;
  --ds-dimension-0: 0;
  --ds-dimension-2: 2px;
  --ds-dimension-4: 4px;
  --ds-dimension-6: 6px;
  --ds-dimension-8: 8px;
  --ds-dimension-10: 10px;
  --ds-dimension-12: 12px;
  --ds-dimension-14: 14px;
  --ds-dimension-16: 16px;
  --ds-dimension-20: 20px;
  --ds-dimension-24: 24px;
  --ds-dimension-28: 28px;
  --ds-dimension-32: 32px;
  --ds-dimension-36: 36px;
  --ds-dimension-40: 40px;
  --ds-dimension-44: 44px;
  --ds-dimension-48: 48px;
  --ds-dimension-56: 56px;
  --ds-dimension-64: 64px;
  --ds-dimension-68: 68px;
  --ds-dimension-80: 80px;
  --ds-dimension-96: 96px;
  --ds-dimension-212: 212px;
  --ds-dimension-280: 280px;
  --ds-radius-0: 0;
  --ds-radius-4: 4px;
  --ds-radius-8: 8px;
  --ds-radius-12: 12px;
  --ds-radius-16: 16px;
  --ds-radius-20: 20px;
  --ds-radius-24: 24px;
  --ds-radius-28: 28px;
  --ds-radius-40: 40px;
  --ds-radius-full: 9999px;
  --ds-font-family-sans: "Inter", system-ui, sans-serif;
  --ds-font-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --ds-font-weight-light: 300;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-size-11: 11px;
  --ds-font-size-12: 12px;
  --ds-font-size-14: 14px;
  --ds-font-size-16: 16px;
  --ds-font-size-18: 18px;
  --ds-font-size-24: 24px;
  --ds-font-size-32: 32px;
  --ds-font-size-48: 48px;
  --ds-font-size-64: 64px;
  --ds-font-line-height-14: 14px;
  --ds-font-line-height-16: 16px;
  --ds-font-line-height-18: 18px;
  --ds-font-line-height-20: 20px;
  --ds-font-line-height-24: 24px;
  --ds-font-line-height-28: 28px;
  --ds-font-line-height-36: 36px;
  --ds-font-line-height-40: 40px;
  --ds-font-line-height-58: 58px;
  --ds-font-line-height-72: 72px;
  --ds-font-letter-spacing-tight: -0.5px;
  --ds-font-letter-spacing-normal: 0;
  --ds-font-letter-spacing-wide: 0.5px;
  --ds-opacity-0: 0;
  --ds-opacity-20: 0.2;
  --ds-opacity-40: 0.4;
  --ds-opacity-60: 0.6;
  --ds-opacity-80: 0.8;
  --ds-opacity-100: 1;
  --ds-color-alpha-black-60: #00000099;
  --ds-color-alpha-white-60: #ffffff99;
  --ds-color-green-800: #2a7356;
  --ds-color-blue-800: #2e6a93;
  --ds-color-indigo-700: #5b5db8;
  --ds-color-orange-800: #a8521a;
  --ds-color-yellow-800: #8a6700;
  --ds-color-brand-50: #eef1ff;
  --ds-color-brand-100: #e0e5ff;
  --ds-color-brand-200: #c2cbff;
  --ds-color-brand-300: #9aa8ff;
  --ds-color-brand-400: #6f80ff;
  --ds-color-brand-500: #3d5afe;
  --ds-color-brand-600: #3447d6;
  --ds-color-brand-700: #2a38b0;
  --ds-color-brand-800: #1f2a80;
  --ds-color-brand-900: #1a1f4a;
  --ds-radius-48: 48px;
  --ds-radius-80: 80px;
  --ds-color-neutral-975: #0d0d0e;
  --ds-color-alpha-ink-55: #1213148c;
  --ds-font-size-40: 40px;
  --ds-font-line-height-44: 44px;
  --ds-color-alpha-ink-0: #0d0d0e00;
  --ds-color-alpha-ink-40: #0d0d0e66;
  --ds-color-alpha-ink-70: #0d0d0eb2;
  --ds-color-alpha-ink-90: #0d0d0ee5;
  --ds-color-alpha-white-0: #ffffff00;
  --ds-color-alpha-sage-55: #858f878c;
  --ds-dimension-1: 1px;
  --ds-color-alpha-black-50: #00000080;
  /* 2 · Color */
  --ds-bg-canvas: var(--ds-color-neutral-975);
  --ds-bg-chrome: var(--ds-color-neutral-975);
  --ds-bg-sunken: var(--ds-color-neutral-950);
  --ds-surface-card: var(--ds-color-alpha-white-4);
  --ds-surface-card-tint-1: var(--ds-color-indigo-900);
  --ds-surface-card-tint-2: var(--ds-color-blue-900);
  --ds-surface-raised: var(--ds-color-neutral-800);
  --ds-surface-overlay: var(--ds-color-alpha-black-80);
  --ds-surface-scrim: var(--ds-color-alpha-black-80);
  --ds-surface-inverse: var(--ds-color-neutral-0);
  --ds-state-hover: var(--ds-color-alpha-white-10);
  --ds-state-selected: var(--ds-color-alpha-white-10);
  --ds-state-pressed: var(--ds-color-alpha-white-15);
  --ds-state-disabled: var(--ds-color-alpha-white-4);
  --ds-text-primary: var(--ds-color-neutral-0);
  --ds-text-secondary: var(--ds-color-alpha-white-80);
  --ds-text-muted: var(--ds-color-alpha-white-60);
  --ds-text-disabled: var(--ds-color-alpha-white-20);
  --ds-text-inverse: var(--ds-color-neutral-900);
  --ds-text-on-accent: var(--ds-color-neutral-900);
  --ds-text-link: var(--ds-color-brand-300);
  --ds-icon-primary: var(--ds-color-neutral-0);
  --ds-icon-muted: var(--ds-color-alpha-white-60);
  --ds-icon-disabled: var(--ds-color-alpha-white-20);
  --ds-icon-inverse: var(--ds-color-neutral-900);
  --ds-border-subtle: var(--ds-color-alpha-white-10);
  --ds-border-default: var(--ds-color-alpha-white-15);
  --ds-border-strong: var(--ds-color-alpha-white-20);
  --ds-border-selected: var(--ds-color-neutral-0);
  --ds-border-focus: var(--ds-color-alpha-white-60);
  --ds-action-primary-bg: var(--ds-color-brand-300);
  --ds-action-primary-bg-hover: var(--ds-color-brand-200);
  --ds-action-primary-fg: var(--ds-color-neutral-900);
  --ds-action-secondary-bg: var(--ds-color-alpha-white-10);
  --ds-action-secondary-bg-hover: var(--ds-color-alpha-white-15);
  --ds-action-secondary-fg: var(--ds-color-neutral-0);
  --ds-status-success-fg: var(--ds-color-green-300);
  --ds-status-success-bg: var(--ds-color-green-900);
  --ds-status-success-solid: var(--ds-color-green-300);
  --ds-status-warning-fg: var(--ds-color-yellow-300);
  --ds-status-warning-bg: var(--ds-color-yellow-900);
  --ds-status-warning-solid: var(--ds-color-yellow-300);
  --ds-status-attention-fg: var(--ds-color-orange-500);
  --ds-status-attention-bg: var(--ds-color-orange-900);
  --ds-status-attention-solid: var(--ds-color-orange-500);
  --ds-status-danger-fg: var(--ds-color-red-300);
  --ds-status-danger-bg: var(--ds-color-red-900);
  --ds-status-danger-solid: var(--ds-color-red-500);
  --ds-status-info-fg: var(--ds-color-blue-300);
  --ds-status-info-bg: var(--ds-color-blue-900);
  --ds-status-info-solid: var(--ds-color-blue-300);
  --ds-status-progress-fg: var(--ds-color-indigo-300);
  --ds-status-progress-bg: var(--ds-color-indigo-900);
  --ds-status-progress-solid: var(--ds-color-indigo-300);
  --ds-status-neutral-fg: var(--ds-color-alpha-white-60);
  --ds-status-neutral-bg: var(--ds-color-alpha-white-10);
  --ds-status-neutral-solid: var(--ds-color-neutral-400);
  --ds-chart-series-1: var(--ds-color-indigo-300);
  --ds-chart-series-2: var(--ds-color-blue-300);
  --ds-chart-series-3: var(--ds-color-green-300);
  --ds-chart-series-4: var(--ds-color-mint-300);
  --ds-chart-series-5: var(--ds-color-purple-300);
  --ds-chart-series-6: var(--ds-color-cyan-300);
  --ds-chart-series-7: var(--ds-color-yellow-300);
  --ds-chart-series-8: var(--ds-color-orange-300);
  --ds-chart-line-primary: var(--ds-color-neutral-0);
  --ds-chart-line-compare: var(--ds-color-blue-300);
  --ds-chart-grid: var(--ds-color-alpha-white-10);
  --ds-chart-axis: var(--ds-color-alpha-white-60);
  --ds-chart-target: var(--ds-color-alpha-white-40);
  --ds-chart-breach: var(--ds-color-orange-500);
  --ds-shadow-color: var(--ds-color-alpha-black-40);
  --ds-text-placeholder: var(--ds-color-alpha-white-40);
  --ds-text-brand: var(--ds-color-brand-300);
  --ds-surface-brand-subtle: var(--ds-color-brand-900);
  --ds-fill-subtle: var(--ds-color-alpha-white-4);
  --ds-fill-muted: var(--ds-color-alpha-white-10);
  --ds-fill-default: var(--ds-color-alpha-white-15);
  --ds-fill-strong: var(--ds-color-alpha-white-20);
  --ds-fill-emphasis: var(--ds-color-alpha-white-40);
  --ds-on-inverse-fill-faint: var(--ds-color-alpha-black-4);
  --ds-on-inverse-fill-subtle: var(--ds-color-alpha-black-10);
  --ds-on-inverse-fill-default: var(--ds-color-alpha-black-20);
  --ds-on-inverse-fill-strong: var(--ds-color-alpha-black-40);
  --ds-on-inverse-text-secondary: var(--ds-color-alpha-black-80);
  --ds-border-inverse: var(--ds-color-neutral-900);
  --ds-static-white: var(--ds-color-neutral-0);
  --ds-static-black: var(--ds-color-neutral-900);
  --ds-surface-glass: var(--ds-color-alpha-ink-55);
  --ds-border-glass: var(--ds-color-alpha-white-10);
  --ds-scrim-0: var(--ds-color-alpha-ink-0);
  --ds-scrim-40: var(--ds-color-alpha-ink-40);
  --ds-scrim-70: var(--ds-color-alpha-ink-70);
  --ds-scrim-90: var(--ds-color-alpha-ink-90);
  --ds-scrim-100: var(--ds-color-neutral-975);
  --ds-surface-sheen: var(--ds-color-alpha-white-4);
  --ds-surface-sheen-0: var(--ds-color-alpha-white-0);
  --ds-surface-focus-start: var(--ds-color-alpha-sage-55);
  --ds-map-image-opacity: 1;
  --ds-status-attention-wash: #f08a3c59;
  /* 2 · Layout */
  --ds-space-none: var(--ds-dimension-0);
  --ds-space-2xs: var(--ds-dimension-4);
  --ds-space-xs: var(--ds-dimension-8);
  --ds-space-sm: var(--ds-dimension-12);
  --ds-space-md: var(--ds-dimension-16);
  --ds-space-lg: var(--ds-dimension-20);
  --ds-space-xl: var(--ds-dimension-24);
  --ds-space-2xl: var(--ds-dimension-28);
  --ds-space-3xl: var(--ds-dimension-40);
  --ds-space-4xl: var(--ds-dimension-48);
  --ds-layout-page-padding: var(--ds-dimension-24);
  --ds-layout-section-gap: var(--ds-dimension-28);
  --ds-layout-chrome-padding: var(--ds-dimension-16);
  --ds-card-padding: var(--ds-dimension-24);
  --ds-card-gap: var(--ds-dimension-16);
  --ds-control-padding-x: var(--ds-dimension-12);
  --ds-control-padding-y: var(--ds-dimension-4);
  --ds-control-gap: var(--ds-dimension-4);
  --ds-list-item-padding: var(--ds-dimension-8);
  --ds-list-item-gap: var(--ds-dimension-4);
  --ds-table-cell-padding-x: var(--ds-dimension-12);
  --ds-size-control-sm: var(--ds-dimension-24);
  --ds-size-control-md: var(--ds-dimension-32);
  --ds-size-control-lg: var(--ds-dimension-40);
  --ds-size-row: var(--ds-dimension-40);
  --ds-size-nav-item: var(--ds-dimension-36);
  --ds-size-icon-sm: var(--ds-dimension-16);
  --ds-size-icon-md: var(--ds-dimension-20);
  --ds-size-icon-lg: var(--ds-dimension-24);
  --ds-size-avatar-sm: var(--ds-dimension-24);
  --ds-size-avatar-md: var(--ds-dimension-32);
  --ds-size-header: var(--ds-dimension-68);
  --ds-size-sidebar: var(--ds-dimension-212);
  --ds-size-sidebar-folded: var(--ds-dimension-64);
  --ds-size-rightbar: var(--ds-dimension-280);
  --ds-radius-control: var(--ds-radius-8);
  --ds-radius-nav-item: var(--ds-radius-12);
  --ds-radius-card: var(--ds-radius-20);
  --ds-radius-popover: var(--ds-radius-12);
  --ds-radius-modal: var(--ds-radius-24);
  --ds-radius-badge: var(--ds-radius-4);
  --ds-radius-pill: var(--ds-radius-full);
  --ds-radius-xs: var(--ds-radius-4);
  --ds-radius-sm: var(--ds-radius-8);
  --ds-radius-md: var(--ds-radius-12);
  --ds-radius-lg: var(--ds-radius-16);
  --ds-radius-xl: var(--ds-radius-20);
  --ds-radius-2xl: var(--ds-radius-24);
  --ds-radius-3xl: var(--ds-radius-28);
  --ds-radius-4xl: var(--ds-radius-40);
  --ds-radius-5xl: var(--ds-radius-48);
  --ds-size-scale-12: var(--ds-dimension-12);
  --ds-size-scale-16: var(--ds-dimension-16);
  --ds-size-scale-20: var(--ds-dimension-20);
  --ds-size-scale-24: var(--ds-dimension-24);
  --ds-size-scale-28: var(--ds-dimension-28);
  --ds-size-scale-32: var(--ds-dimension-32);
  --ds-size-scale-40: var(--ds-dimension-40);
  --ds-size-scale-80: var(--ds-dimension-80);
  --ds-layout-block-gap: var(--ds-dimension-12);
  --ds-space-3xs: var(--ds-dimension-2);
  --ds-space-hairline: var(--ds-dimension-1);
  --ds-layout-top-bar: 72px;
  --ds-layout-board-padding: var(--ds-dimension-80);
  /* 2 · Typography */
  --ds-type-display-family: var(--ds-font-family-sans);
  --ds-type-display-weight: var(--ds-font-weight-semibold);
  --ds-type-display-size: var(--ds-font-size-48);
  --ds-type-display-line-height: var(--ds-font-line-height-58);
  --ds-type-display-letter-spacing: var(--ds-font-letter-spacing-tight);
  --ds-type-heading-1-family: var(--ds-font-family-sans);
  --ds-type-heading-1-weight: var(--ds-font-weight-semibold);
  --ds-type-heading-1-size: var(--ds-font-size-24);
  --ds-type-heading-1-line-height: var(--ds-font-line-height-36);
  --ds-type-heading-1-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-heading-2-family: var(--ds-font-family-sans);
  --ds-type-heading-2-weight: var(--ds-font-weight-semibold);
  --ds-type-heading-2-size: var(--ds-font-size-18);
  --ds-type-heading-2-line-height: var(--ds-font-line-height-24);
  --ds-type-heading-2-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-title-family: var(--ds-font-family-sans);
  --ds-type-title-weight: var(--ds-font-weight-semibold);
  --ds-type-title-size: var(--ds-font-size-14);
  --ds-type-title-line-height: var(--ds-font-line-height-20);
  --ds-type-title-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-body-family: var(--ds-font-family-sans);
  --ds-type-body-weight: var(--ds-font-weight-regular);
  --ds-type-body-size: var(--ds-font-size-14);
  --ds-type-body-line-height: var(--ds-font-line-height-20);
  --ds-type-body-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-body-strong-family: var(--ds-font-family-sans);
  --ds-type-body-strong-weight: var(--ds-font-weight-medium);
  --ds-type-body-strong-size: var(--ds-font-size-14);
  --ds-type-body-strong-line-height: var(--ds-font-line-height-20);
  --ds-type-body-strong-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-caption-family: var(--ds-font-family-sans);
  --ds-type-caption-weight: var(--ds-font-weight-regular);
  --ds-type-caption-size: var(--ds-font-size-12);
  --ds-type-caption-line-height: var(--ds-font-line-height-18);
  --ds-type-caption-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-caption-strong-family: var(--ds-font-family-sans);
  --ds-type-caption-strong-weight: var(--ds-font-weight-semibold);
  --ds-type-caption-strong-size: var(--ds-font-size-12);
  --ds-type-caption-strong-line-height: var(--ds-font-line-height-18);
  --ds-type-caption-strong-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-numeric-hero-family: var(--ds-font-family-sans);
  --ds-type-numeric-hero-weight: var(--ds-font-weight-light);
  --ds-type-numeric-hero-size: var(--ds-font-size-48);
  --ds-type-numeric-hero-line-height: var(--ds-font-line-height-58);
  --ds-type-numeric-hero-letter-spacing: var(--ds-font-letter-spacing-tight);
  --ds-type-numeric-metric-family: var(--ds-font-family-sans);
  --ds-type-numeric-metric-weight: var(--ds-font-weight-regular);
  --ds-type-numeric-metric-size: var(--ds-font-size-24);
  --ds-type-numeric-metric-line-height: var(--ds-font-line-height-36);
  --ds-type-numeric-metric-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-numeric-table-family: var(--ds-font-family-sans);
  --ds-type-numeric-table-weight: var(--ds-font-weight-regular);
  --ds-type-numeric-table-size: var(--ds-font-size-14);
  --ds-type-numeric-table-line-height: var(--ds-font-line-height-20);
  --ds-type-numeric-table-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-mono-family: var(--ds-font-family-mono);
  --ds-type-mono-weight: var(--ds-font-weight-regular);
  --ds-type-mono-size: var(--ds-font-size-12);
  --ds-type-mono-line-height: var(--ds-font-line-height-18);
  --ds-type-mono-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-body-large-family: var(--ds-font-family-sans);
  --ds-type-body-large-weight: var(--ds-font-weight-regular);
  --ds-type-body-large-size: var(--ds-font-size-18);
  --ds-type-body-large-line-height: var(--ds-font-line-height-24);
  --ds-type-body-large-letter-spacing: var(--ds-font-letter-spacing-normal);
  --ds-type-display-regular-family: var(--ds-font-family-sans);
  --ds-type-display-regular-weight: var(--ds-font-weight-regular);
  --ds-type-display-regular-size: var(--ds-font-size-48);
  --ds-type-display-regular-line-height: var(--ds-font-line-height-58);
  --ds-type-display-regular-letter-spacing: var(--ds-font-letter-spacing-tight);
  --ds-type-display-light-family: var(--ds-font-family-sans);
  --ds-type-display-light-weight: var(--ds-font-weight-light);
  --ds-type-display-light-size: var(--ds-font-size-40);
  --ds-type-display-light-line-height: var(--ds-font-line-height-44);
  --ds-type-display-light-letter-spacing: var(--ds-font-letter-spacing-tight);
  --ds-type-numeric-large-family: var(--ds-font-family-sans);
  --ds-type-numeric-large-weight: var(--ds-font-weight-light);
  --ds-type-numeric-large-size: var(--ds-font-size-32);
  --ds-type-numeric-large-line-height: var(--ds-font-line-height-40);
  --ds-type-numeric-large-letter-spacing: var(--ds-font-letter-spacing-tight);
  /* 3 · Component */
  --ds-button-primary-bg: var(--ds-action-primary-bg);
  --ds-button-primary-fg: var(--ds-action-primary-fg);
  --ds-button-secondary-bg: var(--ds-action-secondary-bg);
  --ds-button-secondary-fg: var(--ds-action-secondary-fg);
  --ds-button-outline-border: var(--ds-border-default);
  --ds-button-radius: var(--ds-radius-control);
  --ds-button-height-sm: var(--ds-size-control-sm);
  --ds-button-height-lg: var(--ds-size-control-lg);
  --ds-nav-item-bg-selected: var(--ds-state-selected);
  --ds-nav-item-bg-hover: var(--ds-state-hover);
  --ds-nav-item-indicator: var(--ds-text-primary);
  --ds-nav-item-group-label: var(--ds-text-muted);
  --ds-nav-item-height: var(--ds-size-nav-item);
  --ds-nav-item-radius: var(--ds-radius-nav-item);
  --ds-card-bg: var(--ds-surface-card);
  --ds-card-radius: var(--ds-radius-card);
  --ds-stat-card-bg-1: var(--ds-surface-card-tint-1);
  --ds-stat-card-bg-2: var(--ds-surface-card-tint-2);
  --ds-table-header-text: var(--ds-text-muted);
  --ds-table-rule: var(--ds-border-subtle);
  --ds-table-row-hover: var(--ds-state-hover);
  --ds-table-row-height: var(--ds-size-row);
  --ds-input-bg: var(--ds-state-hover);
  --ds-input-border: var(--ds-border-default);
  --ds-input-placeholder: var(--ds-text-placeholder);
  --ds-toast-bg: var(--ds-surface-glass);
  --ds-toast-fg: var(--ds-text-primary);
  --ds-tooltip-bg: var(--ds-surface-raised);
  --ds-label-dot-size: var(--ds-space-2xs);
  --ds-pod-bg: var(--ds-surface-card);
  --ds-pod-bg-focused: var(--ds-surface-overlay);
  --ds-pod-wireframe: var(--ds-icon-muted);
  --ds-pod-timeline-track: var(--ds-border-default);
  --ds-pod-timeline-progress: var(--ds-text-primary);
  --ds-alert-panel-bg: var(--ds-bg-chrome);
  --ds-alert-panel-width: var(--ds-size-rightbar);
  --ds-recommendation-bg: var(--ds-surface-card);
  --ds-recommendation-accent: var(--ds-text-secondary);
  --ds-schedule-matrix-late: var(--ds-status-attention-fg);
  --ds-schedule-matrix-on-time: var(--ds-text-secondary);
  /* 3 · Domain */
  --ds-vehicle-state-in-service-fg: var(--ds-status-success-fg);
  --ds-vehicle-state-in-service-bg: var(--ds-status-success-bg);
  --ds-vehicle-state-deadhead-fg: var(--ds-status-neutral-fg);
  --ds-vehicle-state-deadhead-bg: var(--ds-status-neutral-bg);
  --ds-vehicle-state-layover-fg: var(--ds-status-neutral-fg);
  --ds-vehicle-state-layover-bg: var(--ds-status-neutral-bg);
  --ds-vehicle-state-reserve-fg: var(--ds-status-info-fg);
  --ds-vehicle-state-reserve-bg: var(--ds-status-info-bg);
  --ds-vehicle-state-out-of-service-fg: var(--ds-status-danger-fg);
  --ds-vehicle-state-out-of-service-bg: var(--ds-status-danger-bg);
  --ds-vehicle-state-in-repair-fg: var(--ds-status-attention-fg);
  --ds-vehicle-state-in-repair-bg: var(--ds-status-attention-bg);
  --ds-connectivity-online: var(--ds-status-success-solid);
  --ds-connectivity-degraded: var(--ds-status-attention-solid);
  --ds-connectivity-stale: var(--ds-status-neutral-solid);
  --ds-connectivity-offline: var(--ds-status-danger-solid);
  --ds-severity-critical-solid: var(--ds-status-danger-solid);
  --ds-severity-critical-bg: var(--ds-status-danger-bg);
  --ds-severity-critical-fg: var(--ds-status-danger-fg);
  --ds-severity-high-solid: var(--ds-status-attention-solid);
  --ds-severity-high-bg: var(--ds-status-attention-bg);
  --ds-severity-high-fg: var(--ds-status-attention-fg);
  --ds-severity-normal-solid: var(--ds-status-warning-solid);
  --ds-severity-normal-bg: var(--ds-status-warning-bg);
  --ds-severity-normal-fg: var(--ds-status-warning-fg);
  --ds-deviation-late: var(--ds-status-attention-fg);
  --ds-deviation-early: var(--ds-text-primary);
  --ds-deviation-on-time: var(--ds-status-success-fg);
  --ds-load-normal: var(--ds-status-success-fg);
  --ds-load-crowded: var(--ds-status-attention-fg);
  --ds-load-over-capacity: var(--ds-status-danger-fg);
  --ds-load-unknown: var(--ds-status-neutral-fg);
  --ds-alert-state-open-fg: var(--ds-status-danger-fg);
  --ds-alert-state-open-bg: var(--ds-status-danger-bg);
  --ds-alert-state-acknowledged-fg: var(--ds-status-progress-fg);
  --ds-alert-state-acknowledged-bg: var(--ds-status-progress-bg);
  --ds-alert-state-in-progress-fg: var(--ds-text-secondary);
  --ds-alert-state-in-progress-bg: var(--ds-fill-muted);
  --ds-alert-state-snoozed-fg: var(--ds-status-neutral-fg);
  --ds-alert-state-snoozed-bg: var(--ds-status-neutral-bg);
  --ds-alert-state-resolved-fg: var(--ds-status-success-fg);
  --ds-alert-state-resolved-bg: var(--ds-status-success-bg);
  --ds-alert-state-dismissed-fg: var(--ds-status-neutral-fg);
  --ds-alert-state-dismissed-bg: var(--ds-status-neutral-bg);
  --ds-recommendation-state-proposed: var(--ds-text-secondary);
  --ds-recommendation-state-accepted: var(--ds-text-secondary);
  --ds-recommendation-state-dispatched: var(--ds-text-secondary);
  --ds-recommendation-state-effective: var(--ds-status-success-fg);
  --ds-recommendation-state-ineffective: var(--ds-status-attention-fg);
  --ds-recommendation-state-rejected: var(--ds-status-neutral-fg);
  --ds-recommendation-state-expired: var(--ds-status-neutral-fg);
  --ds-map-route-travelled: var(--ds-chart-line-primary);
  --ds-map-route-planned: var(--ds-text-muted);
  --ds-map-vehicle-focus: var(--ds-action-primary-bg);
  --ds-map-stop: var(--ds-icon-muted);
  --ds-map-geofence: var(--ds-border-strong);
  --ds-map-overlay: var(--ds-surface-overlay);
  --ds-metric-value: var(--ds-text-primary);
  --ds-metric-decimal: var(--ds-text-muted);
  --ds-metric-delta-up: var(--ds-status-success-fg);
  --ds-metric-delta-down: var(--ds-status-attention-fg);
  /* Styles */
  --ds-font-display-48: var(--ds-type-display-weight) var(--ds-type-display-size)/var(--ds-type-display-line-height) var(--ds-type-display-family);
  --ds-tracking-display-48: var(--ds-type-display-letter-spacing);
  --ds-font-heading-24: var(--ds-type-heading-1-weight) var(--ds-type-heading-1-size)/var(--ds-type-heading-1-line-height) var(--ds-type-heading-1-family);
  --ds-tracking-heading-24: var(--ds-type-heading-1-letter-spacing);
  --ds-font-heading-18: var(--ds-type-heading-2-weight) var(--ds-type-heading-2-size)/var(--ds-type-heading-2-line-height) var(--ds-type-heading-2-family);
  --ds-tracking-heading-18: var(--ds-type-heading-2-letter-spacing);
  --ds-font-title-14: var(--ds-type-title-weight) var(--ds-type-title-size)/var(--ds-type-title-line-height) var(--ds-type-title-family);
  --ds-tracking-title-14: var(--ds-type-title-letter-spacing);
  --ds-font-body-14: var(--ds-type-body-weight) var(--ds-type-body-size)/var(--ds-type-body-line-height) var(--ds-type-body-family);
  --ds-tracking-body-14: var(--ds-type-body-letter-spacing);
  --ds-font-body-14-medium: var(--ds-type-body-strong-weight) var(--ds-type-body-strong-size)/var(--ds-type-body-strong-line-height) var(--ds-type-body-strong-family);
  --ds-tracking-body-14-medium: var(--ds-type-body-strong-letter-spacing);
  --ds-font-caption-12: var(--ds-type-caption-weight) var(--ds-type-caption-size)/var(--ds-type-caption-line-height) var(--ds-type-caption-family);
  --ds-tracking-caption-12: var(--ds-type-caption-letter-spacing);
  --ds-font-caption-12-semibold: var(--ds-type-caption-strong-weight) var(--ds-type-caption-strong-size)/var(--ds-type-caption-strong-line-height) var(--ds-type-caption-strong-family);
  --ds-tracking-caption-12-semibold: var(--ds-type-caption-strong-letter-spacing);
  --ds-font-numeric-hero-48: var(--ds-type-numeric-hero-weight) var(--ds-type-numeric-hero-size)/var(--ds-type-numeric-hero-line-height) var(--ds-type-numeric-hero-family);
  --ds-tracking-numeric-hero-48: var(--ds-type-numeric-hero-letter-spacing);
  --ds-font-numeric-metric-24: var(--ds-type-numeric-metric-weight) var(--ds-type-numeric-metric-size)/var(--ds-type-numeric-metric-line-height) var(--ds-type-numeric-metric-family);
  --ds-tracking-numeric-metric-24: var(--ds-type-numeric-metric-letter-spacing);
  --ds-font-numeric-table-14: var(--ds-type-numeric-table-weight) var(--ds-type-numeric-table-size)/var(--ds-type-numeric-table-line-height) var(--ds-type-numeric-table-family);
  --ds-tracking-numeric-table-14: var(--ds-type-numeric-table-letter-spacing);
  --ds-font-mono-12: var(--ds-type-mono-weight) var(--ds-type-mono-size)/var(--ds-type-mono-line-height) var(--ds-type-mono-family);
  --ds-tracking-mono-12: var(--ds-type-mono-letter-spacing);
  --ds-font-body-18: var(--ds-type-body-large-weight) var(--ds-type-body-large-size)/var(--ds-type-body-large-line-height) var(--ds-type-body-large-family);
  --ds-tracking-body-18: var(--ds-type-body-large-letter-spacing);
  --ds-font-display-48-regular: var(--ds-type-display-regular-weight) var(--ds-type-display-regular-size)/var(--ds-type-display-regular-line-height) var(--ds-type-display-regular-family);
  --ds-tracking-display-48-regular: var(--ds-type-display-regular-letter-spacing);
  --ds-font-display-40-light: var(--ds-type-display-light-weight) var(--ds-type-display-light-size)/var(--ds-type-display-light-line-height) var(--ds-type-display-light-family);
  --ds-tracking-display-40-light: var(--ds-type-display-light-letter-spacing);
  --ds-font-numeric-large-32: var(--ds-type-numeric-large-weight) var(--ds-type-numeric-large-size)/var(--ds-type-numeric-large-line-height) var(--ds-type-numeric-large-family);
  --ds-tracking-numeric-large-32: var(--ds-type-numeric-large-letter-spacing);
  --ds-shadow-elevation-1-raised: 0 1px 2px 0 var(--ds-shadow-color), 0 4px 12px 0 var(--ds-shadow-color);
  --ds-shadow-elevation-2-popover: 0 2px 4px 0 var(--ds-shadow-color), 0 8px 24px 0 var(--ds-shadow-color);
  --ds-shadow-elevation-3-modal: 0 4px 8px 0 var(--ds-shadow-color), 0 24px 48px 0 var(--ds-shadow-color);
  --ds-backdrop-glass-map-overlay: blur(24px);
  --ds-shadow-focus-ring: 0 0 0 3px var(--ds-fill-default);
  --ds-backdrop-glass-blur-40: blur(40px);
  --ds-shadow-focus-ring-glass: 0 0 0 3px var(--ds-fill-default), 0 8px 24px 0 var(--ds-shadow-color);
  --ds-backdrop-focus-ring-glass: blur(24px);
  --ds-backdrop-glass-popover-blur-18: blur(18px);
  --ds-shadow-glass-modal-blur-20: 0 4px 8px 0 var(--ds-shadow-color), 0 24px 48px 0 var(--ds-shadow-color);
  --ds-backdrop-glass-modal-blur-20: blur(20px);
  --ds-backdrop-glass-halo-blur-4: blur(4px);
}

:root[data-theme="light"] {
  --ds-bg-canvas: var(--ds-color-neutral-0);
  --ds-bg-chrome: var(--ds-color-neutral-0);
  --ds-bg-sunken: var(--ds-color-neutral-50);
  --ds-surface-card: var(--ds-color-neutral-25);
  --ds-surface-card-tint-1: var(--ds-color-blue-50);
  --ds-surface-card-tint-2: var(--ds-color-indigo-50);
  --ds-surface-raised: var(--ds-color-neutral-0);
  --ds-surface-overlay: var(--ds-color-alpha-white-90);
  --ds-surface-scrim: var(--ds-color-alpha-black-40);
  --ds-surface-inverse: var(--ds-color-neutral-900);
  --ds-state-hover: var(--ds-color-alpha-black-4);
  --ds-state-selected: var(--ds-color-alpha-black-5);
  --ds-state-pressed: var(--ds-color-alpha-black-10);
  --ds-state-disabled: var(--ds-color-alpha-black-5);
  --ds-text-primary: var(--ds-color-neutral-900);
  --ds-text-secondary: var(--ds-color-alpha-black-80);
  --ds-text-muted: var(--ds-color-alpha-black-60);
  --ds-text-disabled: var(--ds-color-alpha-black-20);
  --ds-text-inverse: var(--ds-color-neutral-0);
  --ds-text-on-accent: var(--ds-color-neutral-0);
  --ds-text-link: var(--ds-color-brand-600);
  --ds-icon-primary: var(--ds-color-neutral-900);
  --ds-icon-muted: var(--ds-color-alpha-black-60);
  --ds-icon-disabled: var(--ds-color-alpha-black-20);
  --ds-icon-inverse: var(--ds-color-neutral-0);
  --ds-border-subtle: var(--ds-color-alpha-black-5);
  --ds-border-default: var(--ds-color-alpha-black-10);
  --ds-border-strong: var(--ds-color-alpha-black-20);
  --ds-border-selected: var(--ds-color-neutral-900);
  --ds-border-focus: var(--ds-color-alpha-black-50);
  --ds-action-primary-bg: var(--ds-color-brand-500);
  --ds-action-primary-bg-hover: var(--ds-color-brand-600);
  --ds-action-primary-fg: var(--ds-color-neutral-0);
  --ds-action-secondary-bg: var(--ds-color-alpha-black-5);
  --ds-action-secondary-bg-hover: var(--ds-color-alpha-black-10);
  --ds-action-secondary-fg: var(--ds-color-neutral-900);
  --ds-status-success-fg: var(--ds-color-green-800);
  --ds-status-success-bg: var(--ds-color-green-100);
  --ds-status-success-solid: var(--ds-color-green-700);
  --ds-status-warning-fg: var(--ds-color-yellow-800);
  --ds-status-warning-bg: var(--ds-color-yellow-100);
  --ds-status-warning-solid: var(--ds-color-yellow-700);
  --ds-status-attention-fg: var(--ds-color-orange-800);
  --ds-status-attention-bg: var(--ds-color-orange-100);
  --ds-status-attention-solid: var(--ds-color-orange-700);
  --ds-status-danger-fg: var(--ds-color-red-700);
  --ds-status-danger-bg: var(--ds-color-red-100);
  --ds-status-danger-solid: var(--ds-color-red-500);
  --ds-status-info-fg: var(--ds-color-blue-800);
  --ds-status-info-bg: var(--ds-color-blue-100);
  --ds-status-info-solid: var(--ds-color-blue-700);
  --ds-status-progress-fg: var(--ds-color-indigo-700);
  --ds-status-progress-bg: var(--ds-color-indigo-100);
  --ds-status-progress-solid: var(--ds-color-indigo-700);
  --ds-status-neutral-fg: var(--ds-color-alpha-black-60);
  --ds-status-neutral-bg: var(--ds-color-alpha-black-5);
  --ds-status-neutral-solid: var(--ds-color-neutral-500);
  --ds-chart-series-1: var(--ds-color-indigo-400);
  --ds-chart-series-2: var(--ds-color-blue-300);
  --ds-chart-series-3: var(--ds-color-green-300);
  --ds-chart-series-4: var(--ds-color-mint-300);
  --ds-chart-series-5: var(--ds-color-purple-300);
  --ds-chart-series-6: var(--ds-color-cyan-300);
  --ds-chart-series-7: var(--ds-color-yellow-300);
  --ds-chart-series-8: var(--ds-color-orange-300);
  --ds-chart-line-primary: var(--ds-color-neutral-900);
  --ds-chart-line-compare: var(--ds-color-blue-300);
  --ds-chart-grid: var(--ds-color-alpha-black-5);
  --ds-chart-axis: var(--ds-color-alpha-black-60);
  --ds-chart-target: var(--ds-color-alpha-black-50);
  --ds-chart-breach: var(--ds-color-orange-700);
  --ds-shadow-color: var(--ds-color-alpha-black-10);
  --ds-text-placeholder: var(--ds-color-alpha-black-40);
  --ds-text-brand: var(--ds-color-brand-600);
  --ds-surface-brand-subtle: var(--ds-color-brand-50);
  --ds-fill-subtle: var(--ds-color-alpha-black-4);
  --ds-fill-muted: var(--ds-color-alpha-black-5);
  --ds-fill-default: var(--ds-color-alpha-black-10);
  --ds-fill-strong: var(--ds-color-alpha-black-20);
  --ds-fill-emphasis: var(--ds-color-alpha-black-40);
  --ds-on-inverse-fill-faint: var(--ds-color-alpha-white-4);
  --ds-on-inverse-fill-subtle: var(--ds-color-alpha-white-10);
  --ds-on-inverse-fill-default: var(--ds-color-alpha-white-20);
  --ds-on-inverse-fill-strong: var(--ds-color-alpha-white-40);
  --ds-on-inverse-text-secondary: var(--ds-color-alpha-white-80);
  --ds-border-inverse: var(--ds-color-neutral-0);
  --ds-static-white: var(--ds-color-neutral-0);
  --ds-static-black: var(--ds-color-neutral-900);
  --ds-surface-glass: var(--ds-color-alpha-white-80);
  --ds-border-glass: var(--ds-color-alpha-black-5);
  --ds-scrim-0: var(--ds-color-alpha-white-0);
  --ds-scrim-40: var(--ds-color-alpha-white-40);
  --ds-scrim-70: var(--ds-color-alpha-white-80);
  --ds-scrim-90: var(--ds-color-alpha-white-90);
  --ds-scrim-100: var(--ds-color-neutral-0);
  --ds-surface-sheen: var(--ds-color-alpha-white-80);
  --ds-surface-sheen-0: var(--ds-color-alpha-white-0);
  --ds-surface-focus-start: var(--ds-color-brand-100);
  --ds-map-image-opacity: 0.35;
  --ds-status-attention-wash: #f08a3c59;
}

:root[data-theme="dark"] {
  --ds-bg-canvas: var(--ds-color-neutral-975);
  --ds-bg-chrome: var(--ds-color-neutral-975);
  --ds-bg-sunken: var(--ds-color-neutral-950);
  --ds-surface-card: var(--ds-color-alpha-white-4);
  --ds-surface-card-tint-1: var(--ds-color-indigo-900);
  --ds-surface-card-tint-2: var(--ds-color-blue-900);
  --ds-surface-raised: var(--ds-color-neutral-800);
  --ds-surface-overlay: var(--ds-color-alpha-black-80);
  --ds-surface-scrim: var(--ds-color-alpha-black-80);
  --ds-surface-inverse: var(--ds-color-neutral-0);
  --ds-state-hover: var(--ds-color-alpha-white-10);
  --ds-state-selected: var(--ds-color-alpha-white-10);
  --ds-state-pressed: var(--ds-color-alpha-white-15);
  --ds-state-disabled: var(--ds-color-alpha-white-4);
  --ds-text-primary: var(--ds-color-neutral-0);
  --ds-text-secondary: var(--ds-color-alpha-white-80);
  --ds-text-muted: var(--ds-color-alpha-white-60);
  --ds-text-disabled: var(--ds-color-alpha-white-20);
  --ds-text-inverse: var(--ds-color-neutral-900);
  --ds-text-on-accent: var(--ds-color-neutral-900);
  --ds-text-link: var(--ds-color-brand-300);
  --ds-icon-primary: var(--ds-color-neutral-0);
  --ds-icon-muted: var(--ds-color-alpha-white-60);
  --ds-icon-disabled: var(--ds-color-alpha-white-20);
  --ds-icon-inverse: var(--ds-color-neutral-900);
  --ds-border-subtle: var(--ds-color-alpha-white-10);
  --ds-border-default: var(--ds-color-alpha-white-15);
  --ds-border-strong: var(--ds-color-alpha-white-20);
  --ds-border-selected: var(--ds-color-neutral-0);
  --ds-border-focus: var(--ds-color-alpha-white-60);
  --ds-action-primary-bg: var(--ds-color-brand-300);
  --ds-action-primary-bg-hover: var(--ds-color-brand-200);
  --ds-action-primary-fg: var(--ds-color-neutral-900);
  --ds-action-secondary-bg: var(--ds-color-alpha-white-10);
  --ds-action-secondary-bg-hover: var(--ds-color-alpha-white-15);
  --ds-action-secondary-fg: var(--ds-color-neutral-0);
  --ds-status-success-fg: var(--ds-color-green-300);
  --ds-status-success-bg: var(--ds-color-green-900);
  --ds-status-success-solid: var(--ds-color-green-300);
  --ds-status-warning-fg: var(--ds-color-yellow-300);
  --ds-status-warning-bg: var(--ds-color-yellow-900);
  --ds-status-warning-solid: var(--ds-color-yellow-300);
  --ds-status-attention-fg: var(--ds-color-orange-500);
  --ds-status-attention-bg: var(--ds-color-orange-900);
  --ds-status-attention-solid: var(--ds-color-orange-500);
  --ds-status-danger-fg: var(--ds-color-red-300);
  --ds-status-danger-bg: var(--ds-color-red-900);
  --ds-status-danger-solid: var(--ds-color-red-500);
  --ds-status-info-fg: var(--ds-color-blue-300);
  --ds-status-info-bg: var(--ds-color-blue-900);
  --ds-status-info-solid: var(--ds-color-blue-300);
  --ds-status-progress-fg: var(--ds-color-indigo-300);
  --ds-status-progress-bg: var(--ds-color-indigo-900);
  --ds-status-progress-solid: var(--ds-color-indigo-300);
  --ds-status-neutral-fg: var(--ds-color-alpha-white-60);
  --ds-status-neutral-bg: var(--ds-color-alpha-white-10);
  --ds-status-neutral-solid: var(--ds-color-neutral-400);
  --ds-chart-series-1: var(--ds-color-indigo-300);
  --ds-chart-series-2: var(--ds-color-blue-300);
  --ds-chart-series-3: var(--ds-color-green-300);
  --ds-chart-series-4: var(--ds-color-mint-300);
  --ds-chart-series-5: var(--ds-color-purple-300);
  --ds-chart-series-6: var(--ds-color-cyan-300);
  --ds-chart-series-7: var(--ds-color-yellow-300);
  --ds-chart-series-8: var(--ds-color-orange-300);
  --ds-chart-line-primary: var(--ds-color-neutral-0);
  --ds-chart-line-compare: var(--ds-color-blue-300);
  --ds-chart-grid: var(--ds-color-alpha-white-10);
  --ds-chart-axis: var(--ds-color-alpha-white-60);
  --ds-chart-target: var(--ds-color-alpha-white-40);
  --ds-chart-breach: var(--ds-color-orange-500);
  --ds-shadow-color: var(--ds-color-alpha-black-40);
  --ds-text-placeholder: var(--ds-color-alpha-white-40);
  --ds-text-brand: var(--ds-color-brand-300);
  --ds-surface-brand-subtle: var(--ds-color-brand-900);
  --ds-fill-subtle: var(--ds-color-alpha-white-4);
  --ds-fill-muted: var(--ds-color-alpha-white-10);
  --ds-fill-default: var(--ds-color-alpha-white-15);
  --ds-fill-strong: var(--ds-color-alpha-white-20);
  --ds-fill-emphasis: var(--ds-color-alpha-white-40);
  --ds-on-inverse-fill-faint: var(--ds-color-alpha-black-4);
  --ds-on-inverse-fill-subtle: var(--ds-color-alpha-black-10);
  --ds-on-inverse-fill-default: var(--ds-color-alpha-black-20);
  --ds-on-inverse-fill-strong: var(--ds-color-alpha-black-40);
  --ds-on-inverse-text-secondary: var(--ds-color-alpha-black-80);
  --ds-border-inverse: var(--ds-color-neutral-900);
  --ds-static-white: var(--ds-color-neutral-0);
  --ds-static-black: var(--ds-color-neutral-900);
  --ds-surface-glass: var(--ds-color-alpha-ink-55);
  --ds-border-glass: var(--ds-color-alpha-white-10);
  --ds-scrim-0: var(--ds-color-alpha-ink-0);
  --ds-scrim-40: var(--ds-color-alpha-ink-40);
  --ds-scrim-70: var(--ds-color-alpha-ink-70);
  --ds-scrim-90: var(--ds-color-alpha-ink-90);
  --ds-scrim-100: var(--ds-color-neutral-975);
  --ds-surface-sheen: var(--ds-color-alpha-white-4);
  --ds-surface-sheen-0: var(--ds-color-alpha-white-0);
  --ds-surface-focus-start: var(--ds-color-alpha-sage-55);
  --ds-map-image-opacity: 1;
  --ds-status-attention-wash: #f08a3c59;
}

:root[data-density="condensed"] {
  --ds-space-none: var(--ds-dimension-0);
  --ds-space-2xs: var(--ds-dimension-2);
  --ds-space-xs: var(--ds-dimension-4);
  --ds-space-sm: var(--ds-dimension-8);
  --ds-space-md: var(--ds-dimension-12);
  --ds-space-lg: var(--ds-dimension-16);
  --ds-space-xl: var(--ds-dimension-20);
  --ds-space-2xl: var(--ds-dimension-24);
  --ds-space-3xl: var(--ds-dimension-36);
  --ds-space-4xl: var(--ds-dimension-44);
  --ds-layout-page-padding: var(--ds-dimension-16);
  --ds-layout-section-gap: var(--ds-dimension-20);
  --ds-layout-chrome-padding: var(--ds-dimension-12);
  --ds-card-padding: var(--ds-dimension-16);
  --ds-card-gap: var(--ds-dimension-12);
  --ds-control-padding-x: var(--ds-dimension-8);
  --ds-control-padding-y: var(--ds-dimension-4);
  --ds-control-gap: var(--ds-dimension-4);
  --ds-list-item-padding: var(--ds-dimension-4);
  --ds-list-item-gap: var(--ds-dimension-2);
  --ds-table-cell-padding-x: var(--ds-dimension-8);
  --ds-size-control-sm: var(--ds-dimension-24);
  --ds-size-control-md: var(--ds-dimension-28);
  --ds-size-control-lg: var(--ds-dimension-36);
  --ds-size-row: var(--ds-dimension-32);
  --ds-size-nav-item: var(--ds-dimension-32);
  --ds-size-icon-sm: var(--ds-dimension-16);
  --ds-size-icon-md: var(--ds-dimension-20);
  --ds-size-icon-lg: var(--ds-dimension-20);
  --ds-size-avatar-sm: var(--ds-dimension-16);
  --ds-size-avatar-md: var(--ds-dimension-24);
  --ds-size-header: var(--ds-dimension-56);
  --ds-size-sidebar: var(--ds-dimension-212);
  --ds-size-sidebar-folded: var(--ds-dimension-56);
  --ds-size-rightbar: var(--ds-dimension-280);
  --ds-radius-control: var(--ds-radius-4);
  --ds-radius-nav-item: var(--ds-radius-8);
  --ds-radius-card: var(--ds-radius-16);
  --ds-radius-popover: var(--ds-radius-8);
  --ds-radius-modal: var(--ds-radius-20);
  --ds-radius-badge: var(--ds-radius-4);
  --ds-radius-pill: var(--ds-radius-full);
  --ds-radius-xs: var(--ds-radius-4);
  --ds-radius-sm: var(--ds-radius-4);
  --ds-radius-md: var(--ds-radius-8);
  --ds-radius-lg: var(--ds-radius-12);
  --ds-radius-xl: var(--ds-radius-16);
  --ds-radius-2xl: var(--ds-radius-20);
  --ds-radius-3xl: var(--ds-radius-24);
  --ds-radius-4xl: var(--ds-radius-40);
  --ds-radius-5xl: var(--ds-radius-40);
  --ds-size-scale-12: var(--ds-dimension-12);
  --ds-size-scale-16: var(--ds-dimension-12);
  --ds-size-scale-20: var(--ds-dimension-16);
  --ds-size-scale-24: var(--ds-dimension-20);
  --ds-size-scale-28: var(--ds-dimension-24);
  --ds-size-scale-32: var(--ds-dimension-28);
  --ds-size-scale-40: var(--ds-dimension-36);
  --ds-size-scale-80: var(--ds-dimension-68);
  --ds-layout-block-gap: var(--ds-dimension-8);
  --ds-space-3xs: var(--ds-dimension-2);
  --ds-space-hairline: var(--ds-dimension-1);
  --ds-layout-top-bar: 72px;
  --ds-layout-board-padding: var(--ds-dimension-80);
}

:root[data-density="comfortable"] {
  --ds-space-none: var(--ds-dimension-0);
  --ds-space-2xs: var(--ds-dimension-8);
  --ds-space-xs: var(--ds-dimension-12);
  --ds-space-sm: var(--ds-dimension-16);
  --ds-space-md: var(--ds-dimension-20);
  --ds-space-lg: var(--ds-dimension-24);
  --ds-space-xl: var(--ds-dimension-28);
  --ds-space-2xl: var(--ds-dimension-32);
  --ds-space-3xl: var(--ds-dimension-44);
  --ds-space-4xl: var(--ds-dimension-56);
  --ds-layout-page-padding: var(--ds-dimension-32);
  --ds-layout-section-gap: var(--ds-dimension-32);
  --ds-layout-chrome-padding: var(--ds-dimension-20);
  --ds-card-padding: var(--ds-dimension-28);
  --ds-card-gap: var(--ds-dimension-20);
  --ds-control-padding-x: var(--ds-dimension-16);
  --ds-control-padding-y: var(--ds-dimension-8);
  --ds-control-gap: var(--ds-dimension-8);
  --ds-list-item-padding: var(--ds-dimension-12);
  --ds-list-item-gap: var(--ds-dimension-4);
  --ds-table-cell-padding-x: var(--ds-dimension-16);
  --ds-size-control-sm: var(--ds-dimension-28);
  --ds-size-control-md: var(--ds-dimension-36);
  --ds-size-control-lg: var(--ds-dimension-44);
  --ds-size-row: var(--ds-dimension-44);
  --ds-size-nav-item: var(--ds-dimension-40);
  --ds-size-icon-sm: var(--ds-dimension-20);
  --ds-size-icon-md: var(--ds-dimension-24);
  --ds-size-icon-lg: var(--ds-dimension-28);
  --ds-size-avatar-sm: var(--ds-dimension-28);
  --ds-size-avatar-md: var(--ds-dimension-36);
  --ds-size-header: var(--ds-dimension-68);
  --ds-size-sidebar: var(--ds-dimension-212);
  --ds-size-sidebar-folded: var(--ds-dimension-68);
  --ds-size-rightbar: var(--ds-dimension-280);
  --ds-radius-control: var(--ds-radius-8);
  --ds-radius-nav-item: var(--ds-radius-12);
  --ds-radius-card: var(--ds-radius-24);
  --ds-radius-popover: var(--ds-radius-16);
  --ds-radius-modal: var(--ds-radius-28);
  --ds-radius-badge: var(--ds-radius-8);
  --ds-radius-pill: var(--ds-radius-full);
  --ds-radius-xs: var(--ds-radius-8);
  --ds-radius-sm: var(--ds-radius-12);
  --ds-radius-md: var(--ds-radius-16);
  --ds-radius-lg: var(--ds-radius-20);
  --ds-radius-xl: var(--ds-radius-24);
  --ds-radius-2xl: var(--ds-radius-28);
  --ds-radius-3xl: var(--ds-radius-40);
  --ds-radius-4xl: var(--ds-radius-48);
  --ds-radius-5xl: var(--ds-radius-48);
  --ds-size-scale-12: var(--ds-dimension-16);
  --ds-size-scale-16: var(--ds-dimension-20);
  --ds-size-scale-20: var(--ds-dimension-24);
  --ds-size-scale-24: var(--ds-dimension-28);
  --ds-size-scale-28: var(--ds-dimension-32);
  --ds-size-scale-32: var(--ds-dimension-36);
  --ds-size-scale-40: var(--ds-dimension-44);
  --ds-size-scale-80: var(--ds-dimension-96);
  --ds-layout-block-gap: var(--ds-dimension-16);
  --ds-space-3xs: var(--ds-dimension-2);
  --ds-space-hairline: var(--ds-dimension-1);
  --ds-layout-top-bar: 72px;
  --ds-layout-board-padding: var(--ds-dimension-80);
}

.ds-text-display-48 {
  font: var(--ds-font-display-48);
  letter-spacing: var(--ds-tracking-display-48);
}
.ds-text-heading-24 {
  font: var(--ds-font-heading-24);
  letter-spacing: var(--ds-tracking-heading-24);
}
.ds-text-heading-18 {
  font: var(--ds-font-heading-18);
  letter-spacing: var(--ds-tracking-heading-18);
}
.ds-text-title-14 {
  font: var(--ds-font-title-14);
  letter-spacing: var(--ds-tracking-title-14);
}
.ds-text-body-14 {
  font: var(--ds-font-body-14);
  letter-spacing: var(--ds-tracking-body-14);
}
.ds-text-body-14-medium {
  font: var(--ds-font-body-14-medium);
  letter-spacing: var(--ds-tracking-body-14-medium);
}
.ds-text-caption-12 {
  font: var(--ds-font-caption-12);
  letter-spacing: var(--ds-tracking-caption-12);
}
.ds-text-caption-12-semibold {
  font: var(--ds-font-caption-12-semibold);
  letter-spacing: var(--ds-tracking-caption-12-semibold);
}
.ds-text-numeric-hero-48 {
  font: var(--ds-font-numeric-hero-48);
  letter-spacing: var(--ds-tracking-numeric-hero-48);
}
.ds-text-numeric-metric-24 {
  font: var(--ds-font-numeric-metric-24);
  letter-spacing: var(--ds-tracking-numeric-metric-24);
}
.ds-text-numeric-table-14 {
  font: var(--ds-font-numeric-table-14);
  letter-spacing: var(--ds-tracking-numeric-table-14);
}
.ds-text-mono-12 {
  font: var(--ds-font-mono-12);
  letter-spacing: var(--ds-tracking-mono-12);
}
.ds-text-body-18 {
  font: var(--ds-font-body-18);
  letter-spacing: var(--ds-tracking-body-18);
}
.ds-text-display-48-regular {
  font: var(--ds-font-display-48-regular);
  letter-spacing: var(--ds-tracking-display-48-regular);
}
.ds-text-display-40-light {
  font: var(--ds-font-display-40-light);
  letter-spacing: var(--ds-tracking-display-40-light);
}
.ds-text-numeric-large-32 {
  font: var(--ds-font-numeric-large-32);
  letter-spacing: var(--ds-tracking-numeric-large-32);
}