/* GENERATED by @arclathe/design-system — do not edit.
 *
 * Source: components/packages/design-system/tokens/{universal,constructs,brand}.mjs
 * Rebuild: node components/packages/design-system/bin/build-css.mjs
 *
 * Hue 156, taken from the mark. Every contrast figure in the source files is
 * measured and asserted by the package's tests — a token edited to a prettier
 * value fails the suite rather than failing a reader.
 */
/* The faces `--type-family-*` names. Without this they all fall back to the
   system stack, the display face and the body face become the same font, and
   the hierarchy the type scale is built on stops existing. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --audience-anyone-from: #1f8441;
  --audience-anyone-to: #146b17;
  --audience-customers-from: #0e580e;
  --audience-customers-to: #173b07;
  --audience-employees-from: #063c27;
  --audience-employees-to: #02220c;
  --audience-partners-from: #116963;
  --audience-partners-to: #0a4d34;
  --background-accent: #edf7f3;
  --background-app: #fafbfc;
  --background-chrome: #020b07;
  --background-panel: #ffffff;
  --background-sunk: #f4f6f9;
  --brand-hue: 156;
  --chrome-accent: #58d0a0;
  --chrome-bg: #020b07;
  --chrome-border: #114431;
  --chrome-fg: #ffffff;
  --chrome-height: 64px;
  --chrome-mark-drop: 14px;
  --chrome-mark-glow: drop-shadow(0 0 1px rgb(255 255 255 / 90%)) drop-shadow(0 0 5px rgb(255 255 255 / 45%));
  --chrome-mark-size: 58px;
  --chrome-muted: #addeca;
  --chrome-nav-fg: #addeca;
  --chrome-nav-fg-active: #ffffff;
  --chrome-nav-gap: 20px;
  --chrome-nav-indent: 16px;
  --chrome-nav-marker: #139964;
  --chrome-pad-x: 24px;
  --color-accent-default: #0f7a4e;
  --color-brand-100: #d7f1e7;
  --color-brand-200: #a9e4cd;
  --color-brand-300: #58d0a0;
  --color-brand-400: #24bc7f;
  --color-brand-500: #139964;
  --color-brand-600: #0f7a4e;
  --color-brand-700: #0b6440;
  --color-brand-800: #114431;
  --color-brand-tint: #edf7f3;
  --color-family-build: #4d7c0f;
  --color-family-build-on-dark: #bef264;
  --color-family-build-tint: #eef5e4;
  --color-family-deliver: #0f76a2;
  --color-family-deliver-on-dark: #6fc6eb;
  --color-family-deliver-tint: #e7f3f9;
  --color-family-intend: #c2410c;
  --color-family-intend-on-dark: #fdba74;
  --color-family-intend-tint: #fdefe7;
  --color-family-record: #7c3aed;
  --color-family-record-on-dark: #c4b5fd;
  --color-family-record-tint: #f1ebfd;
  --color-fg-default: #181f25;
  --color-fg-faint: #61717f;
  --color-fg-ghost: #9ea9b3;
  --color-fg-muted: #495865;
  --color-heat-built: #0d7a52;
  --color-heat-built-tint: #ddf3eb;
  --color-heat-candidate: #7d8c82;
  --color-heat-candidate-tint: #f4f6f4;
  --color-heat-designed: #43895a;
  --color-heat-designed-tint: #eff6f2;
  --color-heat-in-progress: #139964;
  --color-heat-in-progress-tint: #e2f3ec;
  --color-heat-planned: #2e6b42;
  --color-heat-planned-tint: #e7f3ed;
  --color-heat-proven: #0b5c3c;
  --color-heat-proven-tint: #d8f3e8;
  --color-ink-azure: #076ed5;
  --color-ink-cobalt: #2149ec;
  --color-ink-forest: #06563b;
  --color-ink-gold: #8f6900;
  --color-ink-magenta: #b63aae;
  --color-ink-midnight: #062c9b;
  --color-ink-moss: #00812b;
  --color-ink-orange: #b65200;
  --color-ink-violet: #8600bb;
  --color-line-bright: #b3bdc9;
  --color-line-default: #e3e8ee;
  --color-line-on-dark: #3a3947;
  --color-line-strong: #cdd5df;
  --color-on-dark-accent: #58d0a0;
  --color-on-dark-default: #ffffff;
  --color-on-dark-faint: #80a194;
  --color-on-dark-ghost: #5c5b66;
  --color-on-dark-muted: #addeca;
  --color-progress-0: #55606d;
  --color-progress-0-bg: #e7e9eb;
  --color-progress-0-on-dark: #8f979e;
  --color-progress-1: #b3302a;
  --color-progress-1-bg: #f4e2e1;
  --color-progress-1-on-dark: #95a7aa;
  --color-progress-2: #975420;
  --color-progress-2-bg: #f0e7e0;
  --color-progress-2-on-dark: #98b8b0;
  --color-progress-3: #7b631a;
  --color-progress-3-bg: #ede9df;
  --color-progress-3-on-dark: #96cda9;
  --color-progress-4: #46701c;
  --color-progress-4-bg: #e5ebdf;
  --color-progress-4-on-dark: #93dfb0;
  --color-progress-5: #18703d;
  --color-progress-5-bg: #dfebe4;
  --color-progress-5-on-dark: #a9f2c3;
  --color-rank-p0: #ba3029;
  --color-rank-p0-bg: #f5e2e1;
  --color-rank-p1: #93571f;
  --color-rank-p1-bg: #f0e7e0;
  --color-rank-p2: #79631a;
  --color-rank-p2-bg: #ece9df;
  --color-rank-p3: #6b6828;
  --color-rank-p3-bg: #eaeae1;
  --color-rank-p4: #5f666d;
  --color-rank-p4-bg: #e9eaeb;
  --color-rank-p5: #5b6167;
  --color-rank-p5-bg: #e8e9ea;
  --color-semantic-commit-bg: #dfeafb;
  --color-semantic-commit-fg: #15468c;
  --color-semantic-commit-on-dark: #5aa2e8;
  --color-semantic-danger-bg: #fbe4e3;
  --color-semantic-danger-fg: #8d1a17;
  --color-semantic-danger-on-dark: #d9705f;
  --color-semantic-info-bg: #edf7f3;
  --color-semantic-info-fg: #0b6440;
  --color-semantic-propose-bg: #eae4fa;
  --color-semantic-propose-fg: #4b3498;
  --color-semantic-propose-on-dark: #a487e8;
  --color-semantic-success-bg: #dcf1e3;
  --color-semantic-success-fg: #08543c;
  --color-semantic-warn-bg: #fdf3dc;
  --color-semantic-warn-fg: #6b4d00;
  --color-signal-amber: #a35a00;
  --color-signal-gold: #8a6a1f;
  --color-signal-green: #0a7d5a;
  --color-signal-rose: #c0201c;
  --color-signal-teal: #0a7a6d;
  --color-surface-app: #fafbfc;
  --color-surface-elev: #ffffff;
  --color-surface-ink: #020b07;
  --color-surface-ink-panel: #061c13;
  --color-surface-ink-raise: #0b3323;
  --color-surface-panel: #ffffff;
  --color-surface-strip: #edf7f3;
  --color-surface-sunk: #f4f6f9;
  --color-surface-void: #eef2f6;
  --color-utility-on-dark-amber: #965b0d;
  --color-utility-on-dark-blue: #146de1;
  --color-utility-on-dark-citron: #938f10;
  --color-utility-on-dark-crimson: #b23849;
  --color-utility-on-dark-ember: #e16d14;
  --color-utility-on-dark-grass: #16a216;
  --color-utility-on-dark-green: #3e9865;
  --color-utility-on-dark-indigo: #4d4def;
  --color-utility-on-dark-jade: #2f7466;
  --color-utility-on-dark-magenta: #e114b8;
  --color-utility-on-dark-moss: #4f792a;
  --color-utility-on-dark-navy: #2b67ab;
  --color-utility-on-dark-plum: #a42cc9;
  --color-utility-on-dark-rose: #ca1652;
  --color-utility-on-dark-teal: #189ab4;
  --color-utility-on-dark-violet: #9d14e1;
  --color-utility-amber: #9e5c05;
  --color-utility-blue: #076bed;
  --color-utility-citron: #9b9608;
  --color-utility-crimson: #841f2c;
  --color-utility-ember: #ed6b07;
  --color-utility-grass: #0dab0d;
  --color-utility-green: #36a164;
  --color-utility-indigo: #0707da;
  --color-utility-jade: #297a6a;
  --color-utility-magenta: #ed07bf;
  --color-utility-moss: #4e8122;
  --color-utility-navy: #184e8b;
  --color-utility-plum: #72158e;
  --color-utility-rose: #d50b4f;
  --color-utility-teal: #0ea0be;
  --color-utility-violet: #a107ed;
  --control-button-active-bg: #114431;
  --control-button-hover-bg: #0b6440;
  --control-button-min-target: 44px;
  --control-button-pad-x: 16px;
  --control-button-pad-y: 8px;
  --control-button-quiet-border: #cdd5df;
  --control-button-quiet-fg: #495865;
  --control-button-radius: 6px;
  --control-button-rest-bg: #0f7a4e;
  --control-button-rest-fg: #ffffff;
  --control-button-size: 13px;
  --control-button-weight: 600;
  --control-chip-bg: #f4f6f9;
  --control-chip-border: #e3e8ee;
  --control-chip-fg: #495865;
  --control-chip-pad-x: 8px;
  --control-chip-pad-y: 2px;
  --control-chip-radius: 999px;
  --control-chip-size: 12px;
  --control-chip-tracking: 0.02em;
  --control-chip-weight: 600;
  --control-error-fg: #c0201c;
  --control-error-size: 12px;
  --control-error-weight: 600;
  --control-field-bg: #ffffff;
  --control-field-border: #cdd5df;
  --control-field-border-focus: #139964;
  --control-field-border-invalid: #c0201c;
  --control-field-fg: #181f25;
  --control-field-min-target: 44px;
  --control-field-pad-x: 12px;
  --control-field-pad-y: 8px;
  --control-field-placeholder: #61717f;
  --control-field-radius: 4px;
  --control-focus-offset: 2px;
  --control-focus-ring: #0f7a4e;
  --control-focus-width: 2px;
  --control-hint-fg: #61717f;
  --control-hint-leading: 1.5;
  --control-hint-size: 12px;
  --control-label-fg: #181f25;
  --control-label-gap: 4px;
  --control-label-size: 13px;
  --control-label-weight: 600;
  --control-selector-dense-after: 8;
  --control-selector-gap: 8px;
  --control-selector-option-bg: #f4f6f9;
  --control-selector-option-bg-active: #edf7f3;
  --control-selector-option-border: #e3e8ee;
  --control-selector-option-border-active: #139964;
  --control-selector-option-desc: #61717f;
  --control-selector-option-desc-leading: 1.3;
  --control-selector-option-fg: #181f25;
  --control-selector-option-min-target: 44px;
  --control-selector-option-min-width: 64px;
  --control-selector-option-pad-x: 12px;
  --control-selector-option-pad-y: 8px;
  --control-selector-option-weight: 600;
  --control-selector-popup-bg: #ffffff;
  --control-selector-popup-elevation: 0 8px 24px -8px rgb(24 31 37 / 18%);
  --control-selector-radius: 6px;
  --control-selector-trigger-bg: #ffffff;
  --control-selector-trigger-border: #cdd5df;
  --control-typeahead-bg: #ffffff;
  --control-typeahead-border: #cdd5df;
  --control-typeahead-border-focus: #139964;
  --control-typeahead-chosen-bg: #edf7f3;
  --control-typeahead-chosen-border: #139964;
  --control-typeahead-empty-fg: #61717f;
  --control-typeahead-fg: #181f25;
  --control-typeahead-min-target: 44px;
  --control-typeahead-pad-x: 12px;
  --control-typeahead-pad-y: 8px;
  --control-typeahead-radius: 4px;
  --density-comfortable-dot: 10px;
  --density-comfortable-gap: 8px;
  --density-comfortable-indent: 20px;
  --density-comfortable-row: 32px;
  --density-compact-dot: 10px;
  --density-compact-gap: 3px;
  --density-compact-indent: 16px;
  --density-compact-row: 26px;
  --density-rail-dot: 12px;
  --density-rail-gap: 2px;
  --density-rail-indent: 13px;
  --density-rail-row: 22px;
  --ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1);
  --elevation-flat: none;
  --elevation-floating: 0 2px 8px -2px rgb(24 31 37 / 10%);
  --elevation-overlay: 0 8px 24px -8px rgb(24 31 37 / 18%);
  --elevation-raised: 0 0 0 1px rgb(24 31 37 / 5%);
  --grid-bp-compact: 640px;
  --grid-bp-regular: 1024px;
  --grid-bp-wide: 1440px;
  --grid-columns: 12;
  --grid-gutter: 16px;
  --grid-gutter-loose: 24px;
  --grid-gutter-tight: 8px;
  --grid-panel-min: 280px;
  --grid-row-gap: 16px;
  --measure-doc: 820px;
  --measure-prose: 66ch;
  --measure-title: 24ch;
  --motion-base: 200ms;
  --motion-fast: 120ms;
  --motion-slow: 380ms;
  --page-bg: #fafbfc;
  --page-gap: 24px;
  --page-lede-fg: #495865;
  --page-lede-size: 18px;
  --page-measure: none;
  --page-measure-prose: 66ch;
  --page-pad-x: 24px;
  --page-pad-y: 40px;
  --page-title-size: 31px;
  --page-title-tracking: -0.01em;
  --page-title-weight: 700;
  --panel-bg: #ffffff;
  --panel-border: #cdd5df;
  --panel-elevation: 0 0 0 1px rgb(24 31 37 / 5%);
  --panel-empty-fg: #61717f;
  --panel-error-bg: #fbe4e3;
  --panel-error-fg: #8d1a17;
  --panel-gap: 16px;
  --panel-header-fg: #181f25;
  --panel-header-gap: 16px;
  --panel-header-size: 18px;
  --panel-header-weight: 600;
  --panel-loading-fg: #9ea9b3;
  --panel-pad-x: 24px;
  --panel-pad-y: 20px;
  --panel-radius: 10px;
  --radius-lg: 10px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --radius-sm: 4px;
  --radius-xl: 16px;
  --radius-xs: 2px;
  --section-rail-bg: #ffffff;
  --section-rail-border: #e3e8ee;
  --section-rail-gap: 8px;
  --section-rail-width: 260px;
  --section-workspace-bg: #fafbfc;
  --section-workspace-pad: 24px;
  --shadow-deep: 0 8px 24px -8px rgb(24 31 37 / 18%);
  --shadow-rim: 0 0 0 1px rgb(24 31 37 / 5%);
  --shadow-soft: 0 2px 8px -2px rgb(24 31 37 / 10%);
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --tagline-tracking: 0.14em;
  --type-family-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --type-family-display: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --type-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --type-leading-normal: 1.5;
  --type-leading-relaxed: 1.65;
  --type-leading-snug: 1.3;
  --type-leading-tight: 1.15;
  --type-size-2xl: 31px;
  --type-size-3xl: 39px;
  --type-size-base: 16px;
  --type-size-lg: 20px;
  --type-size-md: 18px;
  --type-size-sm: 13px;
  --type-size-xl: 25px;
  --type-size-xs: 12px;
  --type-tracking-normal: 0;
  --type-tracking-slight: 0.02em;
  --type-tracking-tight: -0.01em;
  --type-tracking-tighter: -0.03em;
  --type-tracking-wide: 0.06em;
  --type-tracking-wider: 0.14em;
  --type-weight-bold: 700;
  --type-weight-medium: 500;
  --type-weight-regular: 400;
  --type-weight-semibold: 600;
  --wordmark-tracking: -0.02em;
  --wordmark-weight: 800;

  /* component recipes */
  --component-badge-radius: 4px;
  --component-badge-ring: 1px;
  --component-badge-pad-x: 8px;
  --component-badge-width: 38px;
  --component-badge-height: 16px;
  --component-badge-size: 10px;
  --component-badge-weight: 700;
  --component-badge-leading: 1;
  --component-badge-tracking: 0.01em;
  --component-badge-gap-x: 3px;
  --component-board-col-min: 284px;
  --component-board-col-gap: 12px;
  --component-board-col-bg: #f4f6f9;
  --component-board-col-radius: 6px;
  --component-board-col-pad: 12px;
  --component-board-col-head-fg: #495865;
  --component-board-col-head-size: 12px;
  --component-board-col-head-tracking: 0.14em;
  --component-board-col-head-weight: 700;
  --component-board-col-min-height: 80px;
  --component-board-band-col-min-height: 60px;
  --component-board-min-height: 200px;
  --component-board-col-count-fg: #495865;
  --component-board-lane-out: #f2f4f7;
  --component-board-lane-1: #fbeccb;
  --component-board-lane-2: #f7f1da;
  --component-board-lane-3: #eef3e4;
  --component-board-lane-4: #ddefe4;
  --component-board-lane-5: #c8e8d5;
  --component-board-card-bg: #ffffff;
  --component-board-card-border: #a8b5c4;
  --component-board-card-radius: 4px;
  --component-board-card-pad-x: 12px;
  --component-board-card-pad-y: 12px;
  --component-board-card-gap: 8px;
  --component-board-card-elevation: 0 0 0 1px rgb(24 31 37 / 5%);
  --component-board-card-hover-border: #139964;
  --component-board-card-title-size: 13px;
  --component-board-card-title-weight: 600;
  --component-board-card-title-leading: 1.3;
  --component-board-card-meta-fg: #61717f;
  --component-board-card-meta-size: 12px;
  --component-board-card-amount-fg: #181f25;
  --component-board-card-amount-weight: 700;
  --component-board-card-hover-elevation: 0 2px 8px -2px rgb(24 31 37 / 10%);
  --component-board-card-active-elevation: 0 0 0 1px rgb(24 31 37 / 5%);
  --component-board-card-active-shift: 1px;
  --component-board-card-org-fg: #495865;
  --component-board-card-org-weight: 500;
  --component-board-drop-bg: #edf7f3;
  --component-board-drop-border: #139964;
  --component-board-drag-elevation: 0 8px 24px -8px rgb(24 31 37 / 18%);
  --component-board-drag-opacity: 0.85;
  --component-board-stale-days: 45;
  --component-board-stale-fg: #a35a00;
  --component-board-motion: 120ms;
  --component-board-ease: cubic-bezier(0.4, 0, 1, 1);
  --component-callout-radius: 4px;
  --component-callout-pad-x: 16px;
  --component-callout-pad-y: 12px;
  --component-callout-bg: #edf7f3;
  --component-card-bg: #ffffff;
  --component-card-border: #e3e8ee;
  --component-card-radius: 6px;
  --component-card-pad-x: 24px;
  --component-card-pad-y: 20px;
  --component-card-elevation: 0 0 0 1px rgb(24 31 37 / 5%);
  --component-card-gap: 16px;
  --component-code-bg: #f4f6f9;
  --component-code-fg: #181f25;
  --component-code-radius: 4px;
  --component-dialog-bg: #ffffff;
  --component-dialog-fg: #181f25;
  --component-dialog-radius: 10px;
  --component-dialog-pad-x: 24px;
  --component-dialog-pad-y: 20px;
  --component-dialog-shadow: 0 8px 24px -8px rgb(24 31 37 / 18%);
  --component-dialog-size: 18px;
  --component-dialog-max-width: 66ch;
  --component-dialog-gap: 16px;
  --component-dialog-border: #e3e8ee;
  --component-dialog-warn-fg: #495865;
  --component-dialog-scrim: rgb(2 11 7 / 0.44);
  --component-dialog-enter: 120ms;
  --component-dialog-exit: 120ms;
  --component-dialog-ease: cubic-bezier(0.4, 0, 1, 1);
  --component-document-measure: 66ch;
  --component-document-gap: 40px;
  --component-document-entry-gap: 20px;
  --component-document-term-gap: 4px;
  --component-document-heading-size: 20px;
  --component-document-heading-weight: 700;
  --component-document-heading-tracking: -0.01em;
  --component-document-heading-fg: #181f25;
  --component-document-heading-rule: #e3e8ee;
  --component-document-heading-gap: 16px;
  --component-document-term-size: 12px;
  --component-document-term-weight: 600;
  --component-document-term-tracking: 0.02em;
  --component-document-term-fg: #495865;
  --component-document-body-size: 16px;
  --component-document-body-leading: 1.65;
  --component-document-body-fg: #181f25;
  --component-document-para-gap: 16px;
  --component-document-value-min-target: 44px;
  --component-document-value-pad-x: 8px;
  --component-document-value-pad-y: 8px;
  --component-document-value-radius: 4px;
  --component-document-value-hover-bg: #f4f6f9;
  --component-document-value-hover-ring: #e3e8ee;
  --component-document-value-empty-fg: #61717f;
  --component-document-editor-bg: #ffffff;
  --component-document-editor-ring: #cdd5df;
  --component-document-editor-elevation: 0 2px 8px -2px rgb(24 31 37 / 10%);
  --component-document-editor-pad: 8px;
  --component-document-editor-gap: 8px;
  --component-drop-preview-bg: #061c13;
  --component-drop-preview-fg: #ffffff;
  --component-drop-preview-radius: 999px;
  --component-drop-preview-pad-x: 12px;
  --component-drop-preview-size: 12px;
  --component-drop-target-ring: #139964;
  --component-drop-target-bg: #edf7f3;
  --component-drop-offset: 14px;
  --component-drop-insert-line: #139964;
  --component-drop-insert-height: 2px;
  --component-drop-into-ring: #139964;
  --component-drop-into-bg: #edf7f3;
  --component-drop-refuse-ring: #c0201c;
  --component-drop-refuse-bg: #fbe4e3;
  --component-drop-ghost-opacity: 0.4;
  --component-family-deliver: #0f76a2;
  --component-family-deliver-tint: #e7f3f9;
  --component-family-intend: #c2410c;
  --component-family-intend-tint: #fdefe7;
  --component-family-build: #4d7c0f;
  --component-family-build-tint: #eef5e4;
  --component-family-record: #7c3aed;
  --component-family-record-tint: #f1ebfd;
  --component-family-none: #495865;
  --component-family-rail-width: 2px;
  --component-family-glyph-size: 16px;
  --component-form-gap: 20px;
  --component-form-label-gap: 4px;
  --component-form-measure: 620px;
  --component-kicker-color: #0f7a4e;
  --component-kicker-size: 12px;
  --component-kicker-tracking: 0.14em;
  --component-list-gap: 12px;
  --component-list-divider: #e3e8ee;
  --component-pill-radius: 999px;
  --component-pill-size: 12px;
  --component-priority-default: p2;
  --component-priority-wash: 14%;
  --component-priority-wash-on-dark: 15%;
  --component-priority-p0-fg: #ba3029;
  --component-priority-p0-bg: #f5e2e1;
  --component-priority-p1-fg: #93571f;
  --component-priority-p1-bg: #f0e7e0;
  --component-priority-p2-fg: #79631a;
  --component-priority-p2-bg: #ece9df;
  --component-priority-p3-fg: #6b6828;
  --component-priority-p3-bg: #eaeae1;
  --component-priority-p4-fg: #5f666d;
  --component-priority-p4-bg: #e9eaeb;
  --component-priority-p5-fg: #5b6167;
  --component-priority-p5-bg: transparent;
  --component-priority-radius: 4px;
  --component-priority-pad-x: 8px;
  --component-priority-ring: 1px;
  --component-priority-size: 10px;
  --component-priority-weight: 700;
  --component-priority-p0-fg-on-dark: #e0665c;
  --component-priority-p1-fg-on-dark: #e0954a;
  --component-priority-p2-fg-on-dark: #d6b23c;
  --component-priority-p3-fg-on-dark: #d8d493;
  --component-priority-p4-fg-on-dark: #9aa1a7;
  --component-stat-bg: #ffffff;
  --component-stat-border: #cdd5df;
  --component-stat-radius: 6px;
  --component-stat-pad-x: 20px;
  --component-stat-pad-y: 16px;
  --component-stat-value-size: 31px;
  --component-stat-value-weight: 700;
  --component-stat-value-fg: #181f25;
  --component-stat-value-tracking: -0.03em;
  --component-stat-value-leading: 1.15;
  --component-stat-label-fg: #61717f;
  --component-stat-label-size: 12px;
  --component-stat-min-width: 180px;
  --component-stat-gap: 16px;
  --component-status-proposed-mark: #4b3498;
  --component-status-proposed-fg: #4b3498;
  --component-status-approved-mark: #15468c;
  --component-status-approved-fg: #15468c;
  --component-status-blocked-mark: #8d1a17;
  --component-status-blocked-fg: #8d1a17;
  --component-status-active-mark: #139964;
  --component-status-active-fg: #975420;
  --component-status-done-mark: #08543c;
  --component-status-done-fg: #18703d;
  --component-status-todo-mark: #9ea9b3;
  --component-status-todo-fg: #55606d;
  --component-status-parked-mark: #9ea9b3;
  --component-status-parked-fg: #495865;
  --component-status-none-mark: #e3e8ee;
  --component-status-none-fg: #61717f;
  --component-status-band-0-bg: #e7e9eb;
  --component-status-band-1-bg: #f4e2e1;
  --component-status-band-2-bg: #f0e7e0;
  --component-status-band-3-bg: #ede9df;
  --component-status-band-4-bg: #e5ebdf;
  --component-status-band-5-bg: #dfebe4;
  --component-status-band-0: #55606d;
  --component-status-band-1: #b3302a;
  --component-status-band-2: #975420;
  --component-status-band-3: #7b631a;
  --component-status-band-4: #46701c;
  --component-status-band-5: #18703d;
  --component-status-proposed-mark-on-dark: #a487e8;
  --component-status-approved-mark-on-dark: #5aa2e8;
  --component-status-blocked-mark-on-dark: #d9705f;
  --component-status-active-mark-on-dark: #98b8b0;
  --component-status-done-mark-on-dark: #a9f2c3;
  --component-status-todo-mark-on-dark: #8f979e;
  --component-status-parked-mark-on-dark: #5c5b66;
  --component-status-none-mark-on-dark: #3a3947;
  --component-status-band-0-on-dark: #8f979e;
  --component-status-band-1-on-dark: #95a7aa;
  --component-status-band-2-on-dark: #98b8b0;
  --component-status-band-3-on-dark: #96cda9;
  --component-status-band-4-on-dark: #93dfb0;
  --component-status-band-5-on-dark: #a9f2c3;
  --component-status-band-wash-on-dark: 12%;
  --component-status-band-wash: 14%;
  --component-status-size: 13px;
  --component-status-radius: 4px;
  --component-status-pad-x: 8px;
  --component-status-ring: 1px;
  --component-table-border: #e3e8ee;
  --component-table-head-bg: #f4f6f9;
  --component-table-head-fg: #61717f;
  --component-table-row-hover: #f4f6f9;
  --component-table-head-size: 12px;
  --component-table-head-weight: 700;
  --component-table-head-tracking: 0.06em;
  --component-table-head-transform: uppercase;
  --component-table-head-border: #cdd5df;
  --component-table-row-selected: #edf7f3;
  --component-table-row-selected-ring: #58d0a0;
  --component-table-cell-pad-x: 12px;
  --component-table-cell-pad-y: 12px;
  --component-table-size: 13px;
  --component-toast-bg: #061c13;
  --component-toast-fg: #ffffff;
  --component-toast-radius: 999px;
  --component-toast-pad-x: 20px;
  --component-toast-pad-y: 12px;
  --component-toast-shadow: 0 8px 24px -8px rgb(24 31 37 / 18%);
  --component-toast-size: 13px;
  --component-toast-max-width: 66ch;
  --component-toast-gap: 8px;
  --component-toast-offset: 24px;
  --component-toast-enter: 120ms;
  --component-toast-exit: 200ms;
  --component-toast-ease: cubic-bezier(0.4, 0, 1, 1);
  --component-toast-life: 4000ms;
  --component-toast-error-life: 9000ms;
  --component-tree-area-intent: #9e5c05;
  --component-tree-area-requirements: #0ea0be;
  --component-tree-area-product: #a107ed;
  --component-tree-area-planning: #9b9608;
  --component-tree-area-surface: #d50b4f;
  --component-tree-area-arch: #184e8b;
  --component-tree-area-build: #36a164;
  --component-tree-area-substrate: #ed6b07;
  --component-tree-area-meta: #495865;
  --component-tree-area-platform: #297a6a;
  --component-tree-area-depth-base: 58%;
  --component-tree-area-depth-step: 14%;
  --component-tree-area-shade: #000;
  --component-tree-area-tint-base: 4%;
  --component-tree-area-tint-step: 1%;
  --component-tree-area-tint-floor: 1%;
  --component-tree-area-tint-ground: transparent;
  --component-tree-grid-bg: #ffffff;
  --component-tree-grid-border: #cdd5df;
  --component-tree-grid-radius: 10px;
  --component-tree-grid-head-bg: #f4f6f9;
  --component-tree-grid-head-fg: #61717f;
  --component-tree-grid-head-size: 12px;
  --component-tree-grid-head-weight: 700;
  --component-tree-grid-head-tracking: 0.06em;
  --component-tree-grid-head-transform: uppercase;
  --component-tree-grid-head-pad-y: 8px;
  --component-tree-grid-head-border: #cdd5df;
  --component-tree-grid-head-size-large: 13px;
  --component-tree-grid-head-pad-y-large: 12px;
  --component-tree-grid-empty-fg: #61717f;
  --component-tree-row-ink-orange: #b65200;
  --component-tree-row-ink-gold: #8f6900;
  --component-tree-row-ink-moss: #00812b;
  --component-tree-row-ink-forest: #06563b;
  --component-tree-row-ink-azure: #076ed5;
  --component-tree-row-ink-cobalt: #2149ec;
  --component-tree-row-ink-midnight: #062c9b;
  --component-tree-row-ink-magenta: #b63aae;
  --component-tree-row-ink-violet: #8600bb;
  --component-tree-row-col-select: 18px;
  --component-tree-row-col-mark: 46px;
  --component-tree-row-col-priority: 36px;
  --component-tree-row-col-title: minmax(0, 1fr);
  --component-tree-row-col-owner: 44px;
  --component-tree-row-col-progress: 96px;
  --component-tree-row-col-size: 40px;
  --component-tree-row-col-days: 40px;
  --component-tree-row-col-date: 60px;
  --component-tree-row-col-end: 60px;
  --component-tree-row-freeze-mark: 0px;
  --component-tree-row-freeze-priority: 46px;
  --component-tree-row-freeze-title: 82px;
  --component-tree-row-height: 22px;
  --component-tree-row-indent: 13px;
  --component-tree-row-pad-x: 16px;
  --component-tree-row-gap: 12px;
  --component-tree-row-pad-y: 2px;
  --component-tree-row-leading: 1.3;
  --component-tree-row-divider: #e3e8ee;
  --component-tree-row-hover-bg: #f4f6f9;
  --component-tree-row-open-bg: #edf7f3;
  --component-tree-row-picked-bg: #f4f6f9;
  --component-tree-row-picked-ring: #58d0a0;
  --component-tree-row-state-min-delta: 1.08;
  --component-tree-row-parent-weight: 700;
  --component-tree-row-leaf-weight: 400;
  --component-tree-row-proposed-line: #cdd5df;
  --component-tree-row-twisty: 14px;
  --component-tree-row-twisty-ratio: 0.33;
  --component-tree-row-pick-size: 14px;
  --component-tree-row-text-size: 12px;
  --component-tree-row-title-fg: #181f25;
  --component-tree-row-text-fg: #495865;
  --component-tree-row-title-size: 13px;
  --component-tree-row-id-max: 13ch;
  --component-tree-row-card-height: 60px;
  --component-tree-row-card-gap: 4px;
  --component-tree-row-card-pad-y: 4px;
  --component-tree-row-card-title-size: 13px;
  --component-tree-row-card-summary-size: 12px;
  --component-tree-row-card-twisty: 28px;
  --component-tree-row-card-glyph: 32px;
  --component-tree-row-large-height: 32px;
  --component-tree-row-large-indent: 20px;
  --component-tree-row-large-gap: 16px;
  --component-tree-row-large-pad-x: 20px;
  --component-tree-row-large-text: 13px;
  --component-tree-row-large-title: 16px;
  --component-tree-row-large-twisty: 18px;
  --component-tree-row-large-glyph: 20px;
  --component-tree-row-large-mark: 16px;
  --component-tree-row-num-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --component-tree-row-num-size: 12px;
  --component-tree-row-num-align: right;

  /* aliases — var() references, never copies, so they cannot drift */
  --accent: var(--color-accent-default);
  --brand-100: var(--color-brand-100);
  --brand-200: var(--color-brand-200);
  --brand-300: var(--color-brand-300);
  --brand-400: var(--color-brand-400);
  --brand-500: var(--color-brand-500);
  --brand-600: var(--color-brand-600);
  --brand-700: var(--color-brand-700);
  --brand-800: var(--color-brand-800);
  --brand-tint: var(--color-brand-tint);
  --card: var(--color-surface-panel);
  --display: var(--type-family-display);
  --ease: var(--ease-standard);
  --elev: var(--color-surface-elev);
  --family-build: var(--color-family-build);
  --family-deliver: var(--color-family-deliver);
  --family-intend: var(--color-family-intend);
  --family-record: var(--color-family-record);
  --info: var(--color-semantic-info-fg);
  --info-bg: var(--color-semantic-info-bg);
  --ink: var(--color-fg-default);
  --ink-deep: var(--color-surface-ink);
  --ink-faint: var(--color-fg-faint);
  --ink-ghost: var(--color-fg-ghost);
  --ink-invert: var(--color-on-dark-default);
  --ink-muted: var(--color-fg-muted);
  --ink-panel: var(--color-surface-ink-panel);
  --ink-raise: var(--color-surface-ink-raise);
  --leading-normal: var(--type-leading-normal);
  --leading-relaxed: var(--type-leading-relaxed);
  --leading-snug: var(--type-leading-snug);
  --leading-tight: var(--type-leading-tight);
  --line: var(--color-line-default);
  --line-bright: var(--color-line-bright);
  --line-strong: var(--color-line-strong);
  --measure: var(--measure-prose);
  --mono: var(--type-family-mono);
  --ok: var(--color-semantic-success-fg);
  --ok-bg: var(--color-semantic-success-bg);
  --on-dark: var(--color-on-dark-default);
  --on-dark-accent: var(--color-on-dark-accent);
  --on-dark-faint: var(--color-on-dark-faint);
  --on-dark-muted: var(--color-on-dark-muted);
  --paper: var(--color-surface-app);
  --radius: var(--radius-lg);
  --row-dot: var(--density-rail-dot);
  --row-gap: var(--density-rail-gap);
  --row-h: var(--density-rail-row);
  --row-indent: var(--density-rail-indent);
  --s1: var(--space-1);
  --s10: var(--space-10);
  --s12: var(--space-12);
  --s16: var(--space-16);
  --s2: var(--space-2);
  --s3: var(--space-3);
  --s4: var(--space-4);
  --s5: var(--space-5);
  --s6: var(--space-6);
  --s8: var(--space-8);
  --sans: var(--type-family-body);
  --step--1: var(--type-size-sm);
  --step-0: var(--type-size-base);
  --step-1: var(--type-size-lg);
  --step-2: var(--type-size-xl);
  --step-3: var(--type-size-2xl);
  --step-4: var(--type-size-3xl);
  --stop: var(--color-semantic-danger-fg);
  --stop-bg: var(--color-semantic-danger-bg);
  --strip: var(--color-surface-strip);
  --sunk: var(--color-surface-sunk);
  --warn: var(--color-semantic-warn-fg);
  --warn-bg: var(--color-semantic-warn-bg);
}