:root,
[data-bs-theme="light"] {
    color-scheme: light;
    --taras-color-brand-link: #1d4f91;
    --taras-color-brand-primary: #1d5fb8;
    --taras-color-brand-primary-border: #164a8f;
    --taras-color-brand-primary-focus: #2f7de1;
    --taras-color-brand-primary-soft: #edf5ff;
    --taras-color-brand-primary-focus-border: #86b7f2;
    --taras-color-brand-secondary: #0f766e;
    --taras-color-brand-secondary-border: #0b5f59;
    --taras-color-brand-secondary-strong: #0b5f59;
    --taras-color-brand-secondary-soft: #effcf8;
    --taras-color-brand-secondary-focus: #14b8a6;
    --taras-color-surface-canvas: #f3f7f9;
    --taras-color-surface-default: #ffffff;
    --taras-color-surface-raised: #ffffff;
    --taras-color-surface-subtle: #f8fafc;
    --taras-color-surface-accent: #eef4ff;
    --taras-color-surface-muted: #eef3f6;
    --taras-color-surface-code: #0f172a;
    --taras-color-surface-inverse: #111827;
    --taras-color-shell-sidebar-start: #edf3fb;
    --taras-color-shell-sidebar-end: #f8fbff;
    --taras-color-shell-sidebar-row: #e2e8f0;
    --taras-color-shell-sidebar-link: #475569;
    --taras-color-shell-sidebar-link-active: #e8f1ff;
    --taras-color-shell-sidebar-link-hover: #f1f5f9;
    --taras-color-shell-toggle-border: #cbd5e1;
    --taras-color-shell-toggle-bg: #f8fafc;
    --taras-color-shell-toggle-bg-active: #e8f1ff;
    --taras-color-shell-top-row: #f7f7f7;
    --taras-color-border-default: #d4dde7;
    --taras-color-border-subtle: #eef1f5;
    --taras-color-border-soft: #e2e8f0;
    --taras-color-border-muted: #cbd5e1;
    --taras-color-border-shell: #d6d5d5;
    --taras-color-text-primary: #1f2937;
    --taras-color-text-accent: #183153;
    --taras-color-text-secondary: #475569;
    --taras-color-text-muted: #5f6f86;
    --taras-color-text-inverse: #ffffff;
    --taras-color-text-code: #e2e8f0;
    --taras-color-action-default-bg: color-mix(in srgb, var(--taras-color-brand-secondary-soft) 74%, var(--taras-color-surface-raised));
    --taras-color-action-default-bg-hover: color-mix(in srgb, var(--taras-color-brand-secondary-soft) 88%, var(--taras-color-surface-raised));
    --taras-color-action-default-bg-active: color-mix(in srgb, var(--taras-color-brand-secondary-soft) 78%, var(--taras-color-brand-secondary));
    --taras-color-action-default-border: color-mix(in srgb, var(--taras-color-border-default) 72%, var(--taras-color-brand-secondary-border));
    --taras-color-action-default-border-hover: color-mix(in srgb, var(--taras-color-brand-secondary-border) 62%, var(--taras-color-border-default));
    --taras-color-action-default-text: var(--taras-color-text-primary);
    --taras-color-action-default-text-hover: var(--taras-color-brand-secondary-strong);
    --taras-color-action-accent-bg: var(--taras-color-brand-primary);
    --taras-color-action-accent-bg-hover: var(--taras-color-brand-primary-border);
    --taras-color-action-accent-bg-active: var(--taras-color-brand-primary-focus);
    --taras-color-action-accent-border: var(--taras-color-brand-primary-border);
    --taras-color-action-accent-border-hover: var(--taras-color-brand-primary-border);
    --taras-color-action-accent-text: var(--taras-color-text-inverse);
    --taras-color-feedback-info: #2454d6;
    --taras-color-feedback-info-strong: #173b8f;
    --taras-color-feedback-info-soft: #eef4ff;
    --taras-color-feedback-success: #16803d;
    --taras-color-feedback-success-strong: #166534;
    --taras-color-feedback-success-soft: #ecfdf3;
    --taras-color-feedback-danger: #d92d5b;
    --taras-color-feedback-danger-strong: #b42342;
    --taras-color-feedback-danger-soft: #fff1f4;
    --taras-color-feedback-warning: #f97316;
    --taras-color-feedback-warning-strong: #9a3412;
    --taras-color-feedback-warning-soft: #fff7ed;
    --taras-color-feedback-warning-muted: #fff8e6;
    --taras-spacing-1: 0.25rem;
    --taras-spacing-2: 0.5rem;
    --taras-spacing-3: 0.75rem;
    --taras-spacing-4: 1rem;
    --taras-spacing-5: 1.25rem;
    --taras-spacing-content-top: 1.1rem;
    --taras-spacing-error-boundary-inline-start: 3.7rem;
    --taras-radius-sm: 6px;
    --taras-radius-md: 8px;
    --taras-opacity-disabled: 0.58;
    --taras-size-border-hairline: 1px;
    --taras-size-control-md: 2rem;
    --taras-size-focus-ring-inner: 0.1rem;
    --taras-size-focus-ring-outer: 0.25rem;
    --taras-size-page-header-accent-inline: 4rem;
    --taras-size-page-header-accent-block: 0.22rem;
    --taras-size-page-header-copy-max-inline: 48rem;
    --taras-size-section-accent-block: 0.18rem;
    --taras-size-section-tint-stop: 4.75rem;
    --taras-size-error-boundary-icon: 1.8rem;
    --taras-size-theme-selector-button-min: 4.25rem;
    --taras-size-settings-option-grid-min: 13.75rem;
    --taras-size-auth-entry-inline: 26.25rem;
    --taras-size-auth-account-inline: 42.5rem;
    --taras-size-auth-control-min-block: 2.75rem;
    --taras-size-auth-accent-strip-block: 0.35rem;
    --taras-size-container-auth: 1180px;
    --taras-size-container-product: 1280px;
    --taras-size-container-audit-log: 1320px;
    --taras-size-admin-card-grid-min: 15rem;
    --taras-size-admin-diagnostic-grid-min: 17.5rem;
    --taras-size-admin-guardrail-grid-min: 13.75rem;
    --taras-size-admin-card-min-block: 14rem;
    --taras-size-admin-diagnostic-card-min-block: 12rem;
    --taras-size-admin-toolbar-primary-min-inline: 13.75rem;
    --taras-size-admin-toolbar-secondary-min-inline: 9rem;
    --taras-size-admin-users-table-min-inline: 58rem;
    --taras-size-admin-workspaces-table-min-inline: 64rem;
    --taras-size-admin-user-cell-min-inline: 14rem;
    --taras-size-admin-permission-users-table-min-inline: 44rem;
    --taras-size-admin-role-permission-table-min-inline: 64rem;
    --taras-size-admin-page-button: 2.25rem;
    --taras-size-admin-empty-state-min-block: 8rem;
    --taras-size-admin-action-min-inline: 4.25rem;
    --taras-size-system-metric-grid-min-inline: 10rem;
    --taras-size-system-metric-min-block: 7.5rem;
    --taras-size-system-workbench-side-min-inline: 20rem;
    --taras-size-system-role-rank-column: 3rem;
    --taras-size-system-role-accent-border: 0.25rem;
    --taras-size-system-role-meter-block: 0.45rem;
    --taras-size-admin-role-mark: 0.7rem;
    --taras-size-home-menu-grid-min-inline: 18rem;
    --taras-size-home-menu-min-block: 8rem;
    --taras-size-home-menu-icon: 2.5rem;
    --taras-size-empty-state-min-block: 9rem;
    --taras-size-empty-state-icon: 2.75rem;
    --taras-size-empty-state-content-max: 38rem;
    --taras-size-data-table-min-inline: 42rem;
    --taras-size-dev-catalog-token-grid-min-inline: 10rem;
    --taras-size-dev-catalog-token-swatch-block: 3rem;
    --taras-size-dev-catalog-tone-grid-min-inline: 15rem;
    --taras-size-dev-catalog-split-min-inline: 20rem;
    --taras-size-dev-catalog-grid-fill: 1fr;
    --taras-size-audit-table-min-inline: 1060px;
    --taras-size-permission-table-min-inline: 920px;
    --taras-size-permission-action-column-inline: 12rem;
    --taras-size-permission-decision-select-min-inline: 8rem;
    --taras-size-member-kind-min-inline: 7rem;
    --taras-size-role-chip-radius: 999px;
    --taras-typography-size-sm: 0.8rem;
    --taras-typography-size-md: 1rem;
    --taras-typography-size-lg: 1.25rem;
    --taras-typography-size-xl: 1.45rem;
    --taras-shadow-surface: 0 10px 28px rgba(26, 47, 72, 0.08);
    --taras-shadow-panel: 0 18px 52px rgba(26, 47, 72, 0.14);
    --taras-shadow-surface-hover: 0 16px 36px rgba(26, 47, 72, 0.12);
    --accent-fill-rest: var(--taras-color-action-accent-bg);
    --accent-fill-hover: var(--taras-color-action-accent-bg-hover);
    --accent-fill-active: var(--taras-color-action-accent-bg-active);
    --accent-fill-focus: var(--taras-color-action-accent-bg-hover);
    --foreground-on-accent-rest: var(--taras-color-action-accent-text);
    --foreground-on-accent-hover: var(--taras-color-action-accent-text);
    --foreground-on-accent-active: var(--taras-color-action-accent-text);
    --foreground-on-accent-focus: var(--taras-color-action-accent-text);
    --neutral-fill-rest: var(--taras-color-action-default-bg);
    --neutral-fill-hover: var(--taras-color-action-default-bg-hover);
    --neutral-fill-active: var(--taras-color-action-default-bg-active);
    --neutral-fill-focus: var(--taras-color-action-default-bg-hover);
    --neutral-layer-1: var(--taras-color-surface-default);
    --neutral-layer-2: var(--taras-color-surface-subtle);
    --neutral-stroke-rest: var(--taras-color-action-default-border);
    --neutral-stroke-control-rest: var(--taras-color-action-default-border);
    --neutral-stroke-control-hover: var(--taras-color-action-default-border-hover);
    --neutral-foreground-rest: var(--taras-color-action-default-text);
    --neutral-foreground-hover: var(--taras-color-action-default-text-hover);
    --neutral-foreground-active: var(--taras-color-action-default-text-hover);
    --neutral-foreground-focus: var(--taras-color-action-default-text-hover);
    --body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --taras-color-brand-link: #8ec7ff;
    --taras-color-brand-primary: #80bdff;
    --taras-color-brand-primary-border: #a8d4ff;
    --taras-color-brand-primary-focus: #b6dcff;
    --taras-color-brand-primary-soft: #17314a;
    --taras-color-brand-primary-focus-border: #86c4ff;
    --taras-color-brand-secondary: #55d3b8;
    --taras-color-brand-secondary-border: #8de2d1;
    --taras-color-brand-secondary-strong: #c1f5e8;
    --taras-color-brand-secondary-soft: #153931;
    --taras-color-brand-secondary-focus: #64e4c8;
    --taras-color-surface-canvas: #111316;
    --taras-color-surface-default: #171b20;
    --taras-color-surface-raised: #1d2328;
    --taras-color-surface-subtle: #20282e;
    --taras-color-surface-accent: #203a3c;
    --taras-color-surface-muted: #191f24;
    --taras-color-surface-code: #0f1114;
    --taras-color-surface-inverse: #050607;
    --taras-color-shell-sidebar-start: #111316;
    --taras-color-shell-sidebar-end: #171b20;
    --taras-color-shell-sidebar-row: rgba(255, 255, 255, 0.08);
    --taras-color-shell-sidebar-link: #dee6e6;
    --taras-color-shell-sidebar-link-active: rgba(85, 211, 184, 0.24);
    --taras-color-shell-sidebar-link-hover: rgba(255, 255, 255, 0.14);
    --taras-color-shell-toggle-border: rgba(255, 255, 255, 0.22);
    --taras-color-shell-toggle-bg: rgba(255, 255, 255, 0.12);
    --taras-color-shell-toggle-bg-active: rgba(85, 211, 184, 0.24);
    --taras-color-shell-top-row: #181d22;
    --taras-color-border-default: #3a454b;
    --taras-color-border-subtle: #2a3338;
    --taras-color-border-soft: #46545b;
    --taras-color-border-muted: #65747c;
    --taras-color-border-shell: #2f383d;
    --taras-color-text-primary: #edf2f1;
    --taras-color-text-accent: #d5f5ee;
    --taras-color-text-secondary: #cad8d6;
    --taras-color-text-muted: #a8b8b6;
    --taras-color-text-inverse: #ffffff;
    --taras-color-text-code: #edf2f1;
    --taras-color-action-default-bg: color-mix(in srgb, var(--taras-color-brand-primary-soft) 58%, var(--taras-color-surface-raised));
    --taras-color-action-default-bg-hover: color-mix(in srgb, var(--taras-color-brand-primary-soft) 78%, var(--taras-color-surface-raised));
    --taras-color-action-default-bg-active: color-mix(in srgb, var(--taras-color-brand-primary) 24%, var(--taras-color-surface-raised));
    --taras-color-action-default-border: color-mix(in srgb, var(--taras-color-border-default) 68%, var(--taras-color-brand-primary-focus-border));
    --taras-color-action-default-border-hover: color-mix(in srgb, var(--taras-color-brand-primary-focus-border) 74%, var(--taras-color-border-default));
    --taras-color-action-default-text: var(--taras-color-text-primary);
    --taras-color-action-default-text-hover: var(--taras-color-brand-primary-border);
    --taras-color-action-accent-bg: var(--taras-color-brand-primary);
    --taras-color-action-accent-bg-hover: var(--taras-color-brand-primary-border);
    --taras-color-action-accent-bg-active: var(--taras-color-brand-primary-focus);
    --taras-color-action-accent-border: var(--taras-color-brand-primary-border);
    --taras-color-action-accent-border-hover: var(--taras-color-brand-primary-focus);
    --taras-color-action-accent-text: var(--taras-color-surface-inverse);
    --taras-color-feedback-info: #8ec7ff;
    --taras-color-feedback-info-strong: #cfe5ff;
    --taras-color-feedback-info-soft: #17314a;
    --taras-color-feedback-success: #74d99f;
    --taras-color-feedback-success-strong: #bbf7d0;
    --taras-color-feedback-success-soft: #12351f;
    --taras-color-feedback-danger: #ff8aaa;
    --taras-color-feedback-danger-strong: #f87171;
    --taras-color-feedback-danger-soft: #3a1621;
    --taras-color-feedback-warning: #facc15;
    --taras-color-feedback-warning-strong: #fde68a;
    --taras-color-feedback-warning-soft: #3a2d0b;
    --taras-color-feedback-warning-muted: #30270f;
    --taras-shadow-surface: 0 12px 32px rgba(0, 0, 0, 0.28);
    --taras-shadow-panel: 0 18px 48px rgba(0, 0, 0, 0.36);
    --taras-shadow-surface-hover: 0 18px 42px rgba(0, 0, 0, 0.34);
    --bs-body-color: var(--taras-color-text-primary);
    --bs-body-bg: var(--taras-color-surface-default);
    --bs-secondary-color: var(--taras-color-text-muted);
    --bs-border-color: var(--taras-color-border-default);
    --bs-link-color: var(--taras-color-brand-link);
    --bs-primary: var(--taras-color-brand-primary);
    --accent-fill-rest: var(--taras-color-action-accent-bg);
    --accent-fill-hover: var(--taras-color-action-accent-bg-hover);
    --accent-fill-active: var(--taras-color-action-accent-bg-active);
    --accent-fill-focus: var(--taras-color-action-accent-bg-hover);
    --foreground-on-accent-rest: var(--taras-color-action-accent-text);
    --foreground-on-accent-hover: var(--taras-color-action-accent-text);
    --foreground-on-accent-active: var(--taras-color-action-accent-text);
    --foreground-on-accent-focus: var(--taras-color-action-accent-text);
    --neutral-fill-rest: var(--taras-color-action-default-bg);
    --neutral-fill-hover: var(--taras-color-action-default-bg-hover);
    --neutral-fill-active: var(--taras-color-action-default-bg-active);
    --neutral-fill-focus: var(--taras-color-action-default-bg-hover);
    --neutral-layer-1: var(--taras-color-surface-default);
    --neutral-layer-2: var(--taras-color-surface-subtle);
    --neutral-stroke-rest: var(--taras-color-action-default-border);
    --neutral-stroke-control-rest: var(--taras-color-action-default-border);
    --neutral-stroke-control-hover: var(--taras-color-action-default-border-hover);
    --neutral-foreground-rest: var(--taras-color-action-default-text);
    --neutral-foreground-hover: var(--taras-color-action-default-text-hover);
    --neutral-foreground-active: var(--taras-color-action-default-text-hover);
    --neutral-foreground-focus: var(--taras-color-action-default-text-hover);
}

[data-taras-palette="cobalt"] {
    color-scheme: light;
    --taras-color-brand-link: #1d4ed8;
    --taras-color-brand-primary: #2563eb;
    --taras-color-brand-primary-border: #1e40af;
    --taras-color-brand-primary-focus: #3b82f6;
    --taras-color-brand-primary-soft: #eef4ff;
    --taras-color-brand-primary-focus-border: #93c5fd;
    --taras-color-brand-secondary: #0f766e;
    --taras-color-brand-secondary-border: #0b5f59;
    --taras-color-brand-secondary-strong: #0b5f59;
    --taras-color-brand-secondary-soft: #ecfdf8;
    --taras-color-brand-secondary-focus: #14b8a6;
    --taras-color-surface-canvas: #eef5ff;
    --taras-color-surface-default: #ffffff;
    --taras-color-surface-raised: #fbfdff;
    --taras-color-surface-subtle: #f7fbff;
    --taras-color-surface-accent: #e7f0ff;
    --taras-color-surface-muted: #f4f8fd;
    --taras-color-surface-code: #10213f;
    --taras-color-surface-inverse: #0f172a;
    --taras-color-shell-sidebar-start: #e9f2ff;
    --taras-color-shell-sidebar-end: #f7fbff;
    --taras-color-shell-sidebar-row: #dbeafe;
    --taras-color-shell-sidebar-link: #334155;
    --taras-color-shell-sidebar-link-active: #dbeafe;
    --taras-color-shell-sidebar-link-hover: #eff6ff;
    --taras-color-shell-toggle-border: #bfdbfe;
    --taras-color-shell-toggle-bg: #f8fbff;
    --taras-color-shell-toggle-bg-active: #dbeafe;
    --taras-color-shell-top-row: #f6f9fd;
    --taras-color-border-default: #cfd9e8;
    --taras-color-border-subtle: #e5edf7;
    --taras-color-border-soft: #dbe6f2;
    --taras-color-border-muted: #b8c8dc;
    --taras-color-border-shell: #d6e3f2;
    --taras-color-text-primary: #172033;
    --taras-color-text-accent: #16345f;
    --taras-color-text-secondary: #42526b;
    --taras-color-text-muted: #63758f;
    --bs-body-color: var(--taras-color-text-primary);
    --bs-body-bg: var(--taras-color-surface-default);
    --bs-secondary-color: var(--taras-color-text-muted);
    --bs-border-color: var(--taras-color-border-default);
    --bs-link-color: var(--taras-color-brand-link);
    --bs-primary: var(--taras-color-brand-primary);
}

[data-taras-palette="grove"] {
    color-scheme: light;
    --taras-color-brand-link: #0f766e;
    --taras-color-brand-primary: #23856d;
    --taras-color-brand-primary-border: #176c58;
    --taras-color-brand-primary-focus: #2fb79a;
    --taras-color-brand-primary-soft: #e8f6f1;
    --taras-color-brand-primary-focus-border: #8ad8c6;
    --taras-color-brand-secondary: #2f7a56;
    --taras-color-brand-secondary-border: #255f43;
    --taras-color-brand-secondary-strong: #255f43;
    --taras-color-brand-secondary-soft: #eef8ea;
    --taras-color-brand-secondary-focus: #58b47b;
    --taras-color-surface-canvas: #eef6f1;
    --taras-color-surface-default: #fffefb;
    --taras-color-surface-raised: #ffffff;
    --taras-color-surface-subtle: #f7fbf8;
    --taras-color-surface-accent: #e6f3ed;
    --taras-color-surface-muted: #f3f8f5;
    --taras-color-surface-code: #14231f;
    --taras-color-surface-inverse: #0d1714;
    --taras-color-shell-sidebar-start: #eef7ed;
    --taras-color-shell-sidebar-end: #f8fbf6;
    --taras-color-shell-sidebar-row: #d9eee5;
    --taras-color-shell-sidebar-link: #34423f;
    --taras-color-shell-sidebar-link-active: #dff2ea;
    --taras-color-shell-sidebar-link-hover: #eef8f3;
    --taras-color-shell-toggle-border: #b7dacd;
    --taras-color-shell-toggle-bg: #fbfdf9;
    --taras-color-shell-toggle-bg-active: #dff2ea;
    --taras-color-shell-top-row: #f8fbf6;
    --taras-color-border-default: #cadbd3;
    --taras-color-border-subtle: #e4eee9;
    --taras-color-border-soft: #d8e7df;
    --taras-color-border-muted: #abc4ba;
    --taras-color-border-shell: #d8e7df;
    --taras-color-text-primary: #1e2b29;
    --taras-color-text-accent: #17453c;
    --taras-color-text-secondary: #415855;
    --taras-color-text-muted: #617772;
    --bs-body-color: var(--taras-color-text-primary);
    --bs-body-bg: var(--taras-color-surface-default);
    --bs-secondary-color: var(--taras-color-text-muted);
    --bs-border-color: var(--taras-color-border-default);
    --bs-link-color: var(--taras-color-brand-link);
    --bs-primary: var(--taras-color-brand-primary);
}

[data-taras-palette="ember"] {
    color-scheme: light;
    --taras-color-brand-link: #b6472a;
    --taras-color-brand-primary: #c7532f;
    --taras-color-brand-primary-border: #a94022;
    --taras-color-brand-primary-focus: #e56e44;
    --taras-color-brand-primary-soft: #fff0e8;
    --taras-color-brand-primary-focus-border: #f0a184;
    --taras-color-brand-secondary: #8a5a44;
    --taras-color-brand-secondary-border: #6d4636;
    --taras-color-brand-secondary-strong: #6d4636;
    --taras-color-brand-secondary-soft: #fff3eb;
    --taras-color-brand-secondary-focus: #b97856;
    --taras-color-surface-canvas: #fff1ea;
    --taras-color-surface-default: #fffaf7;
    --taras-color-surface-raised: #fffdfb;
    --taras-color-surface-subtle: #fbf4ef;
    --taras-color-surface-accent: #f8e6dc;
    --taras-color-surface-muted: #f8f1ed;
    --taras-color-surface-code: #2b1d19;
    --taras-color-surface-inverse: #17100d;
    --taras-color-shell-sidebar-start: #f7eee9;
    --taras-color-shell-sidebar-end: #fff8f4;
    --taras-color-shell-sidebar-row: #f3ded2;
    --taras-color-shell-sidebar-link: #4b403b;
    --taras-color-shell-sidebar-link-active: #f8e0d4;
    --taras-color-shell-sidebar-link-hover: #fff0e8;
    --taras-color-shell-toggle-border: #dfc6b9;
    --taras-color-shell-toggle-bg: #fffaf7;
    --taras-color-shell-toggle-bg-active: #f8e0d4;
    --taras-color-shell-top-row: #fff7f1;
    --taras-color-border-default: #ddc9bf;
    --taras-color-border-subtle: #efe3dc;
    --taras-color-border-soft: #e8d7ce;
    --taras-color-border-muted: #c9afa2;
    --taras-color-border-shell: #e8d7ce;
    --taras-color-text-primary: #302622;
    --taras-color-text-accent: #5f2e22;
    --taras-color-text-secondary: #5f514b;
    --taras-color-text-muted: #7c6b63;
    --bs-body-color: var(--taras-color-text-primary);
    --bs-body-bg: var(--taras-color-surface-default);
    --bs-secondary-color: var(--taras-color-text-muted);
    --bs-border-color: var(--taras-color-border-default);
    --bs-link-color: var(--taras-color-brand-link);
    --bs-primary: var(--taras-color-brand-primary);
}

[data-taras-palette="dusk"] {
    color-scheme: dark;
    --taras-color-brand-link: #c0b8ff;
    --taras-color-brand-primary: #9b8cff;
    --taras-color-brand-primary-border: #c0b8ff;
    --taras-color-brand-primary-focus: #d7d1ff;
    --taras-color-brand-primary-soft: #242044;
    --taras-color-brand-primary-focus-border: #b7adff;
    --taras-color-surface-canvas: #0f1020;
    --taras-color-surface-default: #111321;
    --taras-color-surface-raised: #1b1b32;
    --taras-color-surface-subtle: #17172c;
    --taras-color-surface-accent: #241f46;
    --taras-color-surface-muted: #151827;
    --taras-color-surface-code: #0c0d18;
    --taras-color-surface-inverse: #050712;
    --taras-color-shell-sidebar-start: #121426;
    --taras-color-shell-sidebar-end: #17172c;
    --taras-color-shell-sidebar-row: rgba(255, 255, 255, 0.08);
    --taras-color-shell-sidebar-link: #d8d7f4;
    --taras-color-shell-sidebar-link-active: rgba(155, 140, 255, 0.28);
    --taras-color-shell-sidebar-link-hover: rgba(255, 255, 255, 0.12);
    --taras-color-shell-toggle-border: rgba(255, 255, 255, 0.22);
    --taras-color-shell-toggle-bg: rgba(255, 255, 255, 0.1);
    --taras-color-shell-toggle-bg-active: rgba(155, 140, 255, 0.28);
    --taras-color-shell-top-row: #17172c;
    --taras-color-border-default: #3e3c61;
    --taras-color-border-subtle: #302f4d;
    --taras-color-border-soft: #4b496f;
    --taras-color-border-muted: #625f86;
    --taras-color-border-shell: #333253;
    --taras-color-text-primary: #f0efff;
    --taras-color-text-accent: #ddd8ff;
    --taras-color-text-secondary: #d0cff2;
    --taras-color-text-muted: #aaa8cd;
    --taras-color-text-inverse: #ffffff;
    --taras-color-text-code: #f0efff;
    --taras-color-feedback-success: #74d99f;
    --taras-color-feedback-danger: #ff8aaa;
    --taras-color-feedback-danger-strong: #fb7185;
    --taras-color-feedback-warning: #fbbf24;
    --taras-color-feedback-warning-strong: #fde68a;
    --taras-color-feedback-warning-soft: #35260c;
    --taras-color-feedback-warning-muted: #2d2410;
    --taras-shadow-surface: 0 12px 32px rgba(0, 0, 0, 0.28);
    --taras-shadow-panel: 0 18px 48px rgba(0, 0, 0, 0.36);
    --taras-shadow-surface-hover: 0 18px 42px rgba(0, 0, 0, 0.34);
    --bs-body-color: var(--taras-color-text-primary);
    --bs-body-bg: var(--taras-color-surface-default);
    --bs-secondary-color: var(--taras-color-text-muted);
    --bs-border-color: var(--taras-color-border-default);
    --bs-link-color: var(--taras-color-brand-link);
    --bs-primary: var(--taras-color-brand-primary);
}