/*
 * titleblocks Brand Foundation v1.1.0
 * GENERATED by npm run generate-brand-foundation.
 * Source: brand-foundation/v1/tokens.json
 * Light/Cool remains the root/default/fallback. Four additional selectors are dormant
 * until an existing runtime explicitly selects one through data-tb-theme.
 * Compact is the owner-selected default; Comfortable remains an available alternative.
 */

:root,
[data-tb-theme="light-cool"] {
  --tb-border-boundary: var(--tb-border-width-default) solid var(--tb-color-border-default);
  --tb-border-danger: var(--tb-border-width-strong) solid var(--tb-color-error-border);
  --tb-border-divider: var(--tb-border-width-hairline) solid var(--tb-color-border-subtle);
  --tb-border-selected: var(--tb-border-width-strong) solid var(--tb-color-accent);
  --tb-border-strong: var(--tb-border-width-strong) solid var(--tb-color-border-strong);
  --tb-border-style-default: solid;
  --tb-border-width-default: 1px;
  --tb-border-width-hairline: 1px;
  --tb-border-width-strong: 2px;
  --tb-button-focus-ring: var(--tb-focus-ring);
  --tb-button-font-size: var(--tb-type-control-size);
  --tb-button-gap: var(--tb-density-icon-gap);
  --tb-button-height: var(--tb-density-control-height);
  --tb-button-padding-inline: var(--tb-density-inset);
  --tb-button-primary-min-height: 2.75rem;
  --tb-button-radius: var(--tb-radius-control);
  --tb-card-background: var(--tb-color-surface);
  --tb-card-border: var(--tb-border-boundary);
  --tb-card-inset: var(--tb-density-inset);
  --tb-card-radius: var(--tb-radius-card);
  --tb-card-shadow: var(--tb-shadow-card);
  --tb-color-accent: #0876b9;
  --tb-color-accent: #0876b9;
  --tb-color-accent-contrast: #ffffff;
  --tb-color-accent-contrast: #ffffff;
  --tb-color-accent-hover: #075e96;
  --tb-color-accent-hover: #075e96;
  --tb-color-accent-pressed: #064b78;
  --tb-color-accent-pressed: #064b78;
  --tb-color-backdrop: rgba(22, 38, 49, 0.56);
  --tb-color-backdrop: rgba(22, 38, 49, 0.56);
  --tb-color-border-default: #607985;
  --tb-color-border-default: #607985;
  --tb-color-border-strong: #334f5c;
  --tb-color-border-strong: #334f5c;
  --tb-color-border-subtle: #aabec8;
  --tb-color-border-subtle: #aabec8;
  --tb-color-canvas: #f6fafc;
  --tb-color-canvas: #f6fafc;
  --tb-color-character-accent: #fa6901;
  --tb-color-character-accent: #fa6901;
  --tb-color-error-bg: #fff0ee;
  --tb-color-error-bg: #fff0ee;
  --tb-color-error-border: #cf665e;
  --tb-color-error-border: #cf665e;
  --tb-color-error-fg: #a8201a;
  --tb-color-error-fg: #a8201a;
  --tb-color-focus: #005fcc;
  --tb-color-focus: #005fcc;
  --tb-color-focus-invalid: #a8201a;
  --tb-color-focus-invalid: #a8201a;
  --tb-color-focus-on-accent: #ffffff;
  --tb-color-focus-on-accent: #ffffff;
  --tb-color-info-bg: #e8f4fa;
  --tb-color-info-bg: #e8f4fa;
  --tb-color-info-border: #5d9fc4;
  --tb-color-info-border: #5d9fc4;
  --tb-color-info-fg: #075e96;
  --tb-color-info-fg: #075e96;
  --tb-color-interaction-current: #d9edf7;
  --tb-color-interaction-current: #d9edf7;
  --tb-color-interaction-disabled: #e7f0f4;
  --tb-color-interaction-disabled: #e7f0f4;
  --tb-color-interaction-hover: #e8f3f8;
  --tb-color-interaction-hover: #e8f3f8;
  --tb-color-readonly: #edf3f6;
  --tb-color-readonly: #edf3f6;
  --tb-color-selection: #cbe6f4;
  --tb-color-selection: #cbe6f4;
  --tb-color-success-bg: #eaf7ef;
  --tb-color-success-bg: #eaf7ef;
  --tb-color-success-border: #58a875;
  --tb-color-success-border: #58a875;
  --tb-color-success-fg: #166534;
  --tb-color-success-fg: #166534;
  --tb-color-surface: #ffffff;
  --tb-color-surface: #ffffff;
  --tb-color-surface-overlay: #ffffff;
  --tb-color-surface-overlay: #ffffff;
  --tb-color-surface-raised: #f1f7fa;
  --tb-color-surface-raised: #f1f7fa;
  --tb-color-surface-sunken: #e7f0f4;
  --tb-color-surface-sunken: #e7f0f4;
  --tb-color-text-disabled: #4f6570;
  --tb-color-text-disabled: #4f6570;
  --tb-color-text-inverse: #ffffff;
  --tb-color-text-inverse: #ffffff;
  --tb-color-text-link: #075e96;
  --tb-color-text-link: #075e96;
  --tb-color-text-muted: #536b77;
  --tb-color-text-muted: #536b77;
  --tb-color-text-primary: #162631;
  --tb-color-text-primary: #162631;
  --tb-color-text-secondary: #354f5d;
  --tb-color-text-secondary: #354f5d;
  --tb-color-warning-bg: #fff3d8;
  --tb-color-warning-bg: #fff3d8;
  --tb-color-warning-border: #bd8427;
  --tb-color-warning-border: #bd8427;
  --tb-color-warning-fg: #754600;
  --tb-color-warning-fg: #754600;
  --tb-dialog-background: var(--tb-color-surface-overlay);
  --tb-dialog-border: var(--tb-border-strong);
  --tb-dialog-gutter: var(--tb-space-panel-gutter);
  --tb-dialog-layer: var(--tb-layer-modal);
  --tb-dialog-shadow: var(--tb-shadow-dialog);
  --tb-feedback-border-width: var(--tb-border-width-default);
  --tb-feedback-inset: var(--tb-density-inset);
  --tb-feedback-radius: var(--tb-radius-card);
  --tb-focus-offset: 3px;
  --tb-focus-ring: 0 0 0 var(--tb-focus-width) var(--tb-color-focus);
  --tb-focus-ring-invalid: 0 0 0 var(--tb-focus-width) var(--tb-color-focus-invalid);
  --tb-focus-ring-on-accent: 0 0 0 var(--tb-focus-width) var(--tb-color-focus-on-accent);
  --tb-focus-width: 3px;
  --tb-font-family-body: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --tb-font-family-display: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --tb-font-family-mono: "Space Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --tb-font-weight-regular: 400;
  --tb-font-weight-strong: 700;
  --tb-icon-button-focus-ring: var(--tb-focus-ring);
  --tb-icon-button-primary-size: 2.75rem;
  --tb-icon-button-radius: var(--tb-radius-control);
  --tb-icon-button-size: var(--tb-density-control-height);
  --tb-input-border: var(--tb-border-boundary);
  --tb-input-focus-ring: var(--tb-focus-ring);
  --tb-input-height: var(--tb-density-control-height);
  --tb-input-padding-inline: var(--tb-density-inset);
  --tb-input-radius: var(--tb-radius-control);
  --tb-inventory-current-border: var(--tb-border-selected);
  --tb-inventory-divider: var(--tb-border-divider);
  --tb-inventory-gap: var(--tb-density-inline-gap);
  --tb-inventory-inset: var(--tb-density-inset);
  --tb-inventory-row-height: var(--tb-density-row-height);
  --tb-inventory-search-width: 13.75rem;
  --tb-inventory-search-width-constrained: 11.25rem;
  --tb-layer-base: 0;
  --tb-layer-dev-only: 10000;
  --tb-layer-drag-preview: 1100;
  --tb-layer-inspector: 30;
  --tb-layer-local-overlay: 20;
  --tb-layer-menu: 100;
  --tb-layer-modal: 120;
  --tb-layer-modal-backdrop: 110;
  --tb-layer-sticky: 10;
  --tb-layer-toast: 1000;
  --tb-motion-duration-deliberate: 240ms;
  --tb-motion-duration-fast: 100ms;
  --tb-motion-duration-instant: 0ms;
  --tb-motion-duration-standard: 160ms;
  --tb-motion-easing-expressive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --tb-motion-easing-productive: cubic-bezier(0.2, 0, 0, 1);
  --tb-motion-reduced-duration: 0.01ms;
  --tb-motion-reduced-iteration: 1;
  --tb-navigation-border: var(--tb-border-boundary);
  --tb-navigation-focus-ring: var(--tb-focus-ring);
  --tb-navigation-gap: var(--tb-density-inline-gap);
  --tb-navigation-height: var(--tb-density-control-height);
  --tb-panel-background: var(--tb-color-surface);
  --tb-panel-border: var(--tb-border-strong);
  --tb-panel-gutter: var(--tb-space-panel-gutter);
  --tb-panel-radius: var(--tb-radius-panel);
  --tb-popover-background: var(--tb-color-surface-overlay);
  --tb-popover-border: var(--tb-border-strong);
  --tb-popover-inset: var(--tb-density-inset);
  --tb-popover-layer: var(--tb-layer-menu);
  --tb-popover-radius: var(--tb-radius-popover);
  --tb-popover-shadow: var(--tb-shadow-popover);
  --tb-project-accent: var(--tb-color-accent);
  --tb-project-accent-contrast: var(--tb-color-accent-contrast);
  --tb-radius-card: 0.125rem;
  --tb-radius-circular: 50%;
  --tb-radius-control: 0.25rem;
  --tb-radius-none: 0;
  --tb-radius-panel: 0;
  --tb-radius-popover: 0.25rem;
  --tb-release-publication-success-bg: #eaf7ef;
  --tb-release-publication-success-bg: #eaf7ef;
  --tb-release-publication-success-fg: #166534;
  --tb-release-publication-success-fg: #166534;
  --tb-shadow-card: 0 1px 2px rgba(22, 38, 49, 0.08);
  --tb-shadow-dialog: 0 24px 64px rgba(22, 38, 49, 0.24);
  --tb-shadow-none: none;
  --tb-shadow-popover: 0 12px 28px rgba(22, 38, 49, 0.18);
  --tb-shadow-raised: 0 4px 12px rgba(22, 38, 49, 0.12);
  --tb-space-0: 0;
  --tb-space-1: 0.125rem;
  --tb-space-2: 0.25rem;
  --tb-space-3: 0.375rem;
  --tb-space-4: 0.5rem;
  --tb-space-5: 0.75rem;
  --tb-space-6: 1rem;
  --tb-space-7: 1.5rem;
  --tb-space-8: 2rem;
  --tb-space-9: 3rem;
  --tb-space-card-gap: var(--tb-space-5);
  --tb-space-cluster: var(--tb-space-5);
  --tb-space-control-gap: var(--tb-space-4);
  --tb-space-inline: var(--tb-space-4);
  --tb-space-inset: var(--tb-space-6);
  --tb-space-panel-gutter: var(--tb-space-7);
  --tb-space-section-gap: var(--tb-space-8);
  --tb-space-stack: var(--tb-space-6);
  --tb-status-border-width: var(--tb-border-width-default);
  --tb-status-font-family: var(--tb-font-family-mono);
  --tb-status-font-size: var(--tb-type-metadata-size);
  --tb-status-radius: var(--tb-radius-control);
  --tb-status-workflow-approved-bg: #eaf7ef;
  --tb-status-workflow-approved-bg: #eaf7ef;
  --tb-status-workflow-approved-border: #58a875;
  --tb-status-workflow-approved-border: #58a875;
  --tb-status-workflow-approved-fg: #166534;
  --tb-status-workflow-approved-fg: #166534;
  --tb-status-workflow-archived-bg: #edf3f6;
  --tb-status-workflow-archived-bg: #edf3f6;
  --tb-status-workflow-archived-border: #9bafb8;
  --tb-status-workflow-archived-border: #9bafb8;
  --tb-status-workflow-archived-fg: #536b77;
  --tb-status-workflow-archived-fg: #536b77;
  --tb-status-workflow-draft-bg: #edf3f6;
  --tb-status-workflow-draft-bg: #edf3f6;
  --tb-status-workflow-draft-border: #718a96;
  --tb-status-workflow-draft-border: #718a96;
  --tb-status-workflow-draft-fg: #435b67;
  --tb-status-workflow-draft-fg: #435b67;
  --tb-status-workflow-in-review-bg: #fff3d8;
  --tb-status-workflow-in-review-bg: #fff3d8;
  --tb-status-workflow-in-review-border: #bd8427;
  --tb-status-workflow-in-review-border: #bd8427;
  --tb-status-workflow-in-review-fg: #754600;
  --tb-status-workflow-in-review-fg: #754600;
  --tb-status-workflow-published-bg: #e8f4fa;
  --tb-status-workflow-published-bg: #e8f4fa;
  --tb-status-workflow-published-border: #5d9fc4;
  --tb-status-workflow-published-border: #5d9fc4;
  --tb-status-workflow-published-fg: #075e96;
  --tb-status-workflow-published-fg: #075e96;
  --tb-type-body-compact-line: 1.45;
  --tb-type-body-compact-size: 0.875rem;
  --tb-type-body-line: 1.5;
  --tb-type-body-size: 0.9375rem;
  --tb-type-caption-line: 1.4;
  --tb-type-caption-size: 0.75rem;
  --tb-type-code-line: 1.45;
  --tb-type-code-size: 0.8125rem;
  --tb-type-control-line: 1.25;
  --tb-type-control-size: 0.875rem;
  --tb-type-display-line: 1.08;
  --tb-type-display-size: 2rem;
  --tb-type-display-tracking: -0.035em;
  --tb-type-label-line: 1.35;
  --tb-type-label-size: 0.75rem;
  --tb-type-label-tracking: 0.055em;
  --tb-type-metadata-line: 1.4;
  --tb-type-metadata-size: 0.75rem;
  --tb-type-metadata-tracking: 0.025em;
  --tb-type-numeric-variant: tabular-nums slashed-zero;
  --tb-type-page-title-line: 1.15;
  --tb-type-page-title-size: 1.5rem;
  --tb-type-section-line: 1.25;
  --tb-type-section-size: 1.125rem;
}

[data-tb-theme="dark-warm"] {
  color-scheme: dark;
  --tb-color-accent: #3e9ccd;
  --tb-color-accent-contrast: #11171a;
  --tb-color-accent-hover: #63b5dd;
  --tb-color-accent-pressed: #3189b9;
  --tb-color-backdrop: rgba(0, 0, 0, 0.74);
  --tb-color-border-default: #927c6d;
  --tb-color-border-strong: #c1a998;
  --tb-color-border-subtle: #594a40;
  --tb-color-canvas: #191512;
  --tb-color-character-accent: #ff8a3d;
  --tb-color-error-bg: #472123;
  --tb-color-error-border: #db746e;
  --tb-color-error-fg: #ffb9b1;
  --tb-color-focus: #83cefa;
  --tb-color-focus-invalid: #ff938b;
  --tb-color-focus-on-accent: #11171a;
  --tb-color-info-bg: #183446;
  --tb-color-info-border: #5aabd3;
  --tb-color-info-fg: #a8ddf7;
  --tb-color-interaction-current: #374148;
  --tb-color-interaction-disabled: #3a302a;
  --tb-color-interaction-hover: #392e27;
  --tb-color-readonly: #302822;
  --tb-color-selection: #314d5b;
  --tb-color-success-bg: #1b3828;
  --tb-color-success-border: #61b37b;
  --tb-color-success-fg: #a9e5bb;
  --tb-color-surface: #241e1a;
  --tb-color-surface-overlay: #342a24;
  --tb-color-surface-raised: #2d2520;
  --tb-color-surface-sunken: #171310;
  --tb-color-text-disabled: #c1b3a8;
  --tb-color-text-inverse: #191512;
  --tb-color-text-link: #82c7ef;
  --tb-color-text-muted: #baa99c;
  --tb-color-text-primary: #fff8f1;
  --tb-color-text-secondary: #dccdc1;
  --tb-color-warning-bg: #443017;
  --tb-color-warning-border: #d39b4d;
  --tb-color-warning-fg: #ffd89a;
  --tb-release-publication-success-bg: #1b3828;
  --tb-release-publication-success-fg: #a9e5bb;
  --tb-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.38);
  --tb-shadow-dialog: 0 26px 68px rgba(0, 0, 0, 0.64);
  --tb-shadow-popover: 0 14px 30px rgba(0, 0, 0, 0.54);
  --tb-shadow-raised: 0 4px 14px rgba(0, 0, 0, 0.44);
  --tb-status-workflow-approved-bg: #1b3828;
  --tb-status-workflow-approved-border: #61b37b;
  --tb-status-workflow-approved-fg: #a9e5bb;
  --tb-status-workflow-archived-bg: #302824;
  --tb-status-workflow-archived-border: #78675d;
  --tb-status-workflow-archived-fg: #c3b5aa;
  --tb-status-workflow-draft-bg: #342b25;
  --tb-status-workflow-draft-border: #887468;
  --tb-status-workflow-draft-fg: #d2c5bb;
  --tb-status-workflow-in-review-bg: #443017;
  --tb-status-workflow-in-review-border: #d39b4d;
  --tb-status-workflow-in-review-fg: #ffd89a;
  --tb-status-workflow-published-bg: #183446;
  --tb-status-workflow-published-border: #5aabd3;
  --tb-status-workflow-published-fg: #a8ddf7;
}

[data-tb-theme="dark-cool"] {
  color-scheme: dark;
  --tb-color-accent: #319bd2;
  --tb-color-accent-contrast: #0b1b24;
  --tb-color-accent-hover: #5ab4e0;
  --tb-color-accent-pressed: #278ac0;
  --tb-color-backdrop: rgba(0, 0, 0, 0.72);
  --tb-color-border-default: #738995;
  --tb-color-border-strong: #a4b6bf;
  --tb-color-border-subtle: #415560;
  --tb-color-canvas: #0e171d;
  --tb-color-character-accent: #ff8a3d;
  --tb-color-error-bg: #461f22;
  --tb-color-error-border: #d66e69;
  --tb-color-error-fg: #ffb4ae;
  --tb-color-focus: #70c7ff;
  --tb-color-focus-invalid: #ff8c84;
  --tb-color-focus-on-accent: #0e171d;
  --tb-color-info-bg: #143447;
  --tb-color-info-border: #4fa6d4;
  --tb-color-info-fg: #9bd8f7;
  --tb-color-interaction-current: #2b4553;
  --tb-color-interaction-disabled: #2a363c;
  --tb-color-interaction-hover: #263943;
  --tb-color-readonly: #202e35;
  --tb-color-selection: #244f67;
  --tb-color-success-bg: #173827;
  --tb-color-success-border: #54ad72;
  --tb-color-success-fg: #9fe1b5;
  --tb-color-surface: #17232b;
  --tb-color-surface-overlay: #22333d;
  --tb-color-surface-raised: #1d2c35;
  --tb-color-surface-sunken: #111c22;
  --tb-color-text-disabled: #aebcc3;
  --tb-color-text-inverse: #0e171d;
  --tb-color-text-link: #70bff0;
  --tb-color-text-muted: #9eafb7;
  --tb-color-text-primary: #f4f8fa;
  --tb-color-text-secondary: #c4d1d7;
  --tb-color-warning-bg: #422f12;
  --tb-color-warning-border: #cf9541;
  --tb-color-warning-fg: #ffd38a;
  --tb-release-publication-success-bg: #173827;
  --tb-release-publication-success-fg: #9fe1b5;
  --tb-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.34);
  --tb-shadow-dialog: 0 26px 68px rgba(0, 0, 0, 0.62);
  --tb-shadow-popover: 0 14px 30px rgba(0, 0, 0, 0.52);
  --tb-shadow-raised: 0 4px 14px rgba(0, 0, 0, 0.42);
  --tb-status-workflow-approved-bg: #173827;
  --tb-status-workflow-approved-border: #54ad72;
  --tb-status-workflow-approved-fg: #9fe1b5;
  --tb-status-workflow-archived-bg: #252f34;
  --tb-status-workflow-archived-border: #687982;
  --tb-status-workflow-archived-fg: #b2c0c6;
  --tb-status-workflow-draft-bg: #26343b;
  --tb-status-workflow-draft-border: #718690;
  --tb-status-workflow-draft-fg: #c3d1d8;
  --tb-status-workflow-in-review-bg: #422f12;
  --tb-status-workflow-in-review-border: #cf9541;
  --tb-status-workflow-in-review-fg: #ffd38a;
  --tb-status-workflow-published-bg: #143447;
  --tb-status-workflow-published-border: #4fa6d4;
  --tb-status-workflow-published-fg: #9bd8f7;
}

[data-tb-theme="light-warm"] {
  --tb-color-accent: #0876b9;
  --tb-color-accent-contrast: #ffffff;
  --tb-color-accent-hover: #075e96;
  --tb-color-accent-pressed: #064b78;
  --tb-color-backdrop: rgba(43, 39, 36, 0.58);
  --tb-color-border-default: #7d6f64;
  --tb-color-border-strong: #51483f;
  --tb-color-border-subtle: #c8b9aa;
  --tb-color-canvas: #fbf8f3;
  --tb-color-character-accent: #fa6901;
  --tb-color-error-bg: #fff1ee;
  --tb-color-error-border: #cf665e;
  --tb-color-error-fg: #a8201a;
  --tb-color-focus: #005fcc;
  --tb-color-focus-invalid: #a8201a;
  --tb-color-focus-on-accent: #ffffff;
  --tb-color-info-bg: #edf6fa;
  --tb-color-info-border: #5d9fc4;
  --tb-color-info-fg: #075e96;
  --tb-color-interaction-current: #e3eff5;
  --tb-color-interaction-disabled: #ece6de;
  --tb-color-interaction-hover: #f3eee7;
  --tb-color-readonly: #f3eee7;
  --tb-color-selection: #d2e8f3;
  --tb-color-success-bg: #eef7f0;
  --tb-color-success-border: #58a875;
  --tb-color-success-fg: #166534;
  --tb-color-surface: #ffffff;
  --tb-color-surface-overlay: #ffffff;
  --tb-color-surface-raised: #f7f3ed;
  --tb-color-surface-sunken: #eee8df;
  --tb-color-text-disabled: #625b55;
  --tb-color-text-inverse: #ffffff;
  --tb-color-text-link: #075e96;
  --tb-color-text-muted: #6f625a;
  --tb-color-text-primary: #2b2724;
  --tb-color-text-secondary: #534b45;
  --tb-color-warning-bg: #fff3d8;
  --tb-color-warning-border: #bd8427;
  --tb-color-warning-fg: #754600;
  --tb-release-publication-success-bg: #eef7f0;
  --tb-release-publication-success-fg: #166534;
  --tb-shadow-card: 0 1px 2px rgba(43, 39, 36, 0.08);
  --tb-shadow-dialog: 0 24px 64px rgba(43, 39, 36, 0.24);
  --tb-shadow-popover: 0 12px 28px rgba(43, 39, 36, 0.18);
  --tb-shadow-raised: 0 4px 12px rgba(43, 39, 36, 0.12);
  --tb-status-workflow-approved-bg: #eef7f0;
  --tb-status-workflow-approved-border: #58a875;
  --tb-status-workflow-approved-fg: #166534;
  --tb-status-workflow-archived-bg: #f3eee7;
  --tb-status-workflow-archived-border: #aa9b90;
  --tb-status-workflow-archived-fg: #6f625a;
  --tb-status-workflow-draft-bg: #f3eee7;
  --tb-status-workflow-draft-border: #8a7a6f;
  --tb-status-workflow-draft-fg: #534b45;
  --tb-status-workflow-in-review-bg: #fff3d8;
  --tb-status-workflow-in-review-border: #bd8427;
  --tb-status-workflow-in-review-fg: #754600;
  --tb-status-workflow-published-bg: #edf6fa;
  --tb-status-workflow-published-border: #5d9fc4;
  --tb-status-workflow-published-fg: #075e96;
}

[data-tb-theme="black-white"] {
  --tb-color-accent: #000000;
  --tb-color-accent-contrast: #ffffff;
  --tb-color-accent-hover: #222222;
  --tb-color-accent-pressed: #000000;
  --tb-color-backdrop: rgba(0, 0, 0, 0.76);
  --tb-color-border-default: #767676;
  --tb-color-border-strong: #000000;
  --tb-color-border-subtle: #b8b8b8;
  --tb-color-canvas: #f5f5f5;
  --tb-color-character-accent: #fa6901;
  --tb-color-error-bg: #dddddd;
  --tb-color-error-border: #333333;
  --tb-color-error-fg: #000000;
  --tb-color-focus: #000000;
  --tb-color-focus-invalid: #000000;
  --tb-color-focus-on-accent: #ffffff;
  --tb-color-info-bg: #f2f2f2;
  --tb-color-info-border: #5f5f5f;
  --tb-color-info-fg: #111111;
  --tb-color-interaction-current: #dfdfdf;
  --tb-color-interaction-disabled: #e5e5e5;
  --tb-color-interaction-hover: #ededed;
  --tb-color-readonly: #f0f0f0;
  --tb-color-selection: #d6d6d6;
  --tb-color-success-bg: #eeeeee;
  --tb-color-success-border: #555555;
  --tb-color-success-fg: #000000;
  --tb-color-surface: #ffffff;
  --tb-color-surface-overlay: #ffffff;
  --tb-color-surface-raised: #f0f0f0;
  --tb-color-surface-sunken: #e3e3e3;
  --tb-color-text-disabled: #595959;
  --tb-color-text-inverse: #ffffff;
  --tb-color-text-link: #000000;
  --tb-color-text-muted: #4c4c4c;
  --tb-color-text-primary: #000000;
  --tb-color-text-secondary: #262626;
  --tb-color-warning-bg: #e8e8e8;
  --tb-color-warning-border: #444444;
  --tb-color-warning-fg: #111111;
  --tb-release-publication-success-bg: #e2e2e2;
  --tb-release-publication-success-fg: #000000;
  --tb-shadow-card: 0 1px 0 rgba(0, 0, 0, 0.28);
  --tb-shadow-dialog: 0 20px 0 rgba(0, 0, 0, 0.44);
  --tb-shadow-popover: 0 10px 0 rgba(0, 0, 0, 0.34);
  --tb-shadow-raised: 0 4px 0 rgba(0, 0, 0, 0.24);
  --tb-status-workflow-approved-bg: #e2e2e2;
  --tb-status-workflow-approved-border: #444444;
  --tb-status-workflow-approved-fg: #000000;
  --tb-status-workflow-archived-bg: #f0f0f0;
  --tb-status-workflow-archived-border: #777777;
  --tb-status-workflow-archived-fg: #303030;
  --tb-status-workflow-draft-bg: #f4f4f4;
  --tb-status-workflow-draft-border: #666666;
  --tb-status-workflow-draft-fg: #222222;
  --tb-status-workflow-in-review-bg: #eaeaea;
  --tb-status-workflow-in-review-border: #555555;
  --tb-status-workflow-in-review-fg: #111111;
  --tb-status-workflow-published-bg: #d8d8d8;
  --tb-status-workflow-published-border: #333333;
  --tb-status-workflow-published-fg: #000000;
}

:root,
[data-tb-density="compact"] {
  --tb-density-control-height: 2.25rem;
  --tb-density-icon-gap: 0.375rem;
  --tb-density-inline-gap: 0.375rem;
  --tb-density-inset: 0.75rem;
  --tb-density-metadata-size: 0.75rem;
  --tb-density-row-height: 2.75rem;
  --tb-density-stack-gap: 0.5rem;
}

[data-tb-density="comfortable"] {
  --tb-density-control-height: 2.75rem;
  --tb-density-icon-gap: 0.5rem;
  --tb-density-inline-gap: 0.5rem;
  --tb-density-inset: 1rem;
  --tb-density-metadata-size: 0.75rem;
  --tb-density-row-height: 3.5rem;
  --tb-density-stack-gap: 0.75rem;
  --tb-button-focus-ring: var(--tb-focus-ring);
  --tb-button-font-size: var(--tb-type-control-size);
  --tb-button-gap: var(--tb-density-icon-gap);
  --tb-button-height: var(--tb-density-control-height);
  --tb-button-padding-inline: var(--tb-density-inset);
  --tb-button-primary-min-height: 2.75rem;
  --tb-button-radius: var(--tb-radius-control);
  --tb-card-background: var(--tb-color-surface);
  --tb-card-border: var(--tb-border-boundary);
  --tb-card-inset: var(--tb-density-inset);
  --tb-card-radius: var(--tb-radius-card);
  --tb-card-shadow: var(--tb-shadow-card);
  --tb-dialog-background: var(--tb-color-surface-overlay);
  --tb-dialog-border: var(--tb-border-strong);
  --tb-dialog-gutter: var(--tb-space-panel-gutter);
  --tb-dialog-layer: var(--tb-layer-modal);
  --tb-dialog-shadow: var(--tb-shadow-dialog);
  --tb-feedback-border-width: var(--tb-border-width-default);
  --tb-feedback-inset: var(--tb-density-inset);
  --tb-feedback-radius: var(--tb-radius-card);
  --tb-icon-button-focus-ring: var(--tb-focus-ring);
  --tb-icon-button-primary-size: 2.75rem;
  --tb-icon-button-radius: var(--tb-radius-control);
  --tb-icon-button-size: var(--tb-density-control-height);
  --tb-input-border: var(--tb-border-boundary);
  --tb-input-focus-ring: var(--tb-focus-ring);
  --tb-input-height: var(--tb-density-control-height);
  --tb-input-padding-inline: var(--tb-density-inset);
  --tb-input-radius: var(--tb-radius-control);
  --tb-inventory-current-border: var(--tb-border-selected);
  --tb-inventory-divider: var(--tb-border-divider);
  --tb-inventory-gap: var(--tb-density-inline-gap);
  --tb-inventory-inset: var(--tb-density-inset);
  --tb-inventory-row-height: var(--tb-density-row-height);
  --tb-inventory-search-width: 13.75rem;
  --tb-inventory-search-width-constrained: 11.25rem;
  --tb-navigation-border: var(--tb-border-boundary);
  --tb-navigation-focus-ring: var(--tb-focus-ring);
  --tb-navigation-gap: var(--tb-density-inline-gap);
  --tb-navigation-height: var(--tb-density-control-height);
  --tb-panel-background: var(--tb-color-surface);
  --tb-panel-border: var(--tb-border-strong);
  --tb-panel-gutter: var(--tb-space-panel-gutter);
  --tb-panel-radius: var(--tb-radius-panel);
  --tb-popover-background: var(--tb-color-surface-overlay);
  --tb-popover-border: var(--tb-border-strong);
  --tb-popover-inset: var(--tb-density-inset);
  --tb-popover-layer: var(--tb-layer-menu);
  --tb-popover-radius: var(--tb-radius-popover);
  --tb-popover-shadow: var(--tb-shadow-popover);
  --tb-status-border-width: var(--tb-border-width-default);
  --tb-status-font-family: var(--tb-font-family-mono);
  --tb-status-font-size: var(--tb-type-metadata-size);
  --tb-status-radius: var(--tb-radius-control);
}

[data-tb-density="compact"] {
  --tb-density-control-height: 2.25rem;
  --tb-density-icon-gap: 0.375rem;
  --tb-density-inline-gap: 0.375rem;
  --tb-density-inset: 0.75rem;
  --tb-density-metadata-size: 0.75rem;
  --tb-density-row-height: 2.75rem;
  --tb-density-stack-gap: 0.5rem;
  --tb-button-focus-ring: var(--tb-focus-ring);
  --tb-button-font-size: var(--tb-type-control-size);
  --tb-button-gap: var(--tb-density-icon-gap);
  --tb-button-height: var(--tb-density-control-height);
  --tb-button-padding-inline: var(--tb-density-inset);
  --tb-button-primary-min-height: 2.75rem;
  --tb-button-radius: var(--tb-radius-control);
  --tb-card-background: var(--tb-color-surface);
  --tb-card-border: var(--tb-border-boundary);
  --tb-card-inset: var(--tb-density-inset);
  --tb-card-radius: var(--tb-radius-card);
  --tb-card-shadow: var(--tb-shadow-card);
  --tb-dialog-background: var(--tb-color-surface-overlay);
  --tb-dialog-border: var(--tb-border-strong);
  --tb-dialog-gutter: var(--tb-space-panel-gutter);
  --tb-dialog-layer: var(--tb-layer-modal);
  --tb-dialog-shadow: var(--tb-shadow-dialog);
  --tb-feedback-border-width: var(--tb-border-width-default);
  --tb-feedback-inset: var(--tb-density-inset);
  --tb-feedback-radius: var(--tb-radius-card);
  --tb-icon-button-focus-ring: var(--tb-focus-ring);
  --tb-icon-button-primary-size: 2.75rem;
  --tb-icon-button-radius: var(--tb-radius-control);
  --tb-icon-button-size: var(--tb-density-control-height);
  --tb-input-border: var(--tb-border-boundary);
  --tb-input-focus-ring: var(--tb-focus-ring);
  --tb-input-height: var(--tb-density-control-height);
  --tb-input-padding-inline: var(--tb-density-inset);
  --tb-input-radius: var(--tb-radius-control);
  --tb-inventory-current-border: var(--tb-border-selected);
  --tb-inventory-divider: var(--tb-border-divider);
  --tb-inventory-gap: var(--tb-density-inline-gap);
  --tb-inventory-inset: var(--tb-density-inset);
  --tb-inventory-row-height: var(--tb-density-row-height);
  --tb-inventory-search-width: 13.75rem;
  --tb-inventory-search-width-constrained: 11.25rem;
  --tb-navigation-border: var(--tb-border-boundary);
  --tb-navigation-focus-ring: var(--tb-focus-ring);
  --tb-navigation-gap: var(--tb-density-inline-gap);
  --tb-navigation-height: var(--tb-density-control-height);
  --tb-panel-background: var(--tb-color-surface);
  --tb-panel-border: var(--tb-border-strong);
  --tb-panel-gutter: var(--tb-space-panel-gutter);
  --tb-panel-radius: var(--tb-radius-panel);
  --tb-popover-background: var(--tb-color-surface-overlay);
  --tb-popover-border: var(--tb-border-strong);
  --tb-popover-inset: var(--tb-density-inset);
  --tb-popover-layer: var(--tb-layer-menu);
  --tb-popover-radius: var(--tb-radius-popover);
  --tb-popover-shadow: var(--tb-shadow-popover);
  --tb-status-border-width: var(--tb-border-width-default);
  --tb-status-font-family: var(--tb-font-family-mono);
  --tb-status-font-size: var(--tb-type-metadata-size);
  --tb-status-radius: var(--tb-radius-control);
}

/*
 * Migration-only aliases. These preserve current computed-value vocabulary when a later
 * bounded surface opts in; BF1 itself imports this file nowhere in the product.
 */
[data-tb-legacy-aliases] {
  --accent: var(--tb-color-accent);
  --bg: var(--tb-color-canvas);
  --ink: var(--tb-color-text-primary);
  --ink2: var(--tb-color-text-secondary);
  --ink3: var(--tb-color-text-muted);
  --line: var(--tb-color-border-default);
  --panel: var(--tb-color-surface);
}

@media (prefers-reduced-motion: reduce) {
  [data-tb-motion] *,
  [data-tb-motion] *::before,
  [data-tb-motion] *::after {
    animation-duration: var(--tb-motion-reduced-duration) !important;
    animation-iteration-count: var(--tb-motion-reduced-iteration) !important;
    scroll-behavior: auto !important;
    transition-duration: var(--tb-motion-reduced-duration) !important;
  }
}