[data-ui-theme="dark"] {
  color-scheme: dark;

  --ui-color-action: var(--ui-primitive-neutral-300);
  --ui-color-action-hover: var(--ui-primitive-neutral-200);
  --ui-color-action-active: var(--ui-primitive-neutral-100);
  --ui-color-action-muted: rgba(244, 244, 245, 0.1);
  --ui-color-action-text: var(--ui-primitive-neutral-200);
  --ui-color-secondary-bg: rgba(244, 244, 245, 0.14);
  --ui-color-success-muted: color-mix(in srgb, var(--ui-color-success) 20%, var(--ui-surface-base));
  --ui-color-success-strong: var(--ui-primitive-success-50);
  --ui-color-warning-muted: color-mix(in srgb, var(--ui-color-warning) 20%, var(--ui-surface-base));
  --ui-color-warning-strong: var(--ui-primitive-warning-50);
  --ui-color-danger-muted: color-mix(in srgb, var(--ui-color-danger) 20%, var(--ui-surface-base));
  --ui-color-danger-strong: var(--ui-primitive-danger-50);
  --ui-color-info-muted: color-mix(in srgb, var(--ui-color-info) 20%, var(--ui-surface-base));
  --ui-color-info-strong: var(--ui-primitive-brand-100);

  --ui-surface-base: color-mix(in srgb, var(--ui-primitive-black) 91%, var(--ui-primitive-white));
  --ui-surface-muted: color-mix(in srgb, var(--ui-primitive-black) 84%, var(--ui-primitive-white));
  --ui-surface-raised: color-mix(in srgb, var(--ui-primitive-black) 80%, var(--ui-primitive-white));
  --ui-surface-inverse: var(--ui-primitive-neutral-50);
  --ui-surface-glass: rgba(30, 30, 32, 0.74);
  --ui-surface-glass-strong: rgba(38, 38, 40, 0.9);
  --ui-surface-hover: rgba(255, 255, 255, 0.09);
  --ui-surface-active: rgba(255, 255, 255, 0.14);

  --ui-border-subtle: rgba(255, 255, 255, 0.13);
  --ui-border-strong: rgba(255, 255, 255, 0.21);
  --ui-border-header: rgba(255, 255, 255, 0.14);
  --ui-border-glass: rgba(255, 255, 255, 0.16);
  --ui-header-accent-neutral: #a1a1a6;
  --header-accent: var(--ui-header-accent-neutral);

  /* Softer than neutral-50 — less glare on dark surfaces */
  --ui-text-primary: var(--ui-primitive-neutral-200);
  --ui-text-secondary: var(--ui-primitive-neutral-400);
  --ui-text-muted: var(--ui-primitive-neutral-500);
  --ui-text-inverse: var(--ui-primitive-neutral-900);

  --ui-icon: var(--ui-text-secondary);
  --ui-icon-filter-muted: invert(1) grayscale(100%);
  --ui-focus-ring: 0 0 0 3px rgba(244, 244, 245, 0.34);
  --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.38);
  --ui-shadow-md: 0 14px 34px rgba(0, 0, 0, 0.44);
  --ui-shadow-panel: 0 8px 22px rgba(0, 0, 0, 0.38), 0 2px 6px rgba(0, 0, 0, 0.28);
  --ui-shadow-card: 0 4px 14px rgba(0, 0, 0, 0.36), 0 1px 3px rgba(0, 0, 0, 0.24);
  --ui-backdrop-blur-sm: 10px;
  --ui-backdrop-blur-md: 14px;
  --ui-backdrop-blur-lg: 20px;
  --ui-filter-hover-soft: brightness(1.08);
  --ui-filter-active-soft: brightness(1.12);
  --ui-modal-backdrop-bg: rgba(10, 10, 11, 0.78);
  --ui-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
  --ui-overlay-bg: rgba(18, 18, 19, 0.84);
  --ui-overlay-strong-bg: rgba(10, 10, 11, 0.98);
  --ui-radius-card: var(--ui-radius-lg);
  --ui-radius-panel: var(--ui-radius-xl);
  --ui-radius-shell: 1.375rem;
  --ui-surface-header: rgba(24, 24, 25, 0.78);
  --ui-surface-header-solid: rgba(20, 20, 21, 0.96);
  --ui-surface-header-hover: rgba(255, 255, 255, 0.08);
  --ui-surface-header-active: rgba(255, 255, 255, 0.12);
  --ui-surface-card-hover: var(--ui-surface-hover);
  --ui-surface-card-active: var(--ui-surface-active);
  --ui-surface-toolbar: var(--ui-surface-glass);
  --ui-surface-empty: color-mix(in srgb, var(--ui-surface-muted) 76%, var(--ui-surface-raised));
  --ui-tabs-bg: rgba(24, 24, 25, 0.86);
  --ui-tabs-bg-solid: rgba(18, 18, 19, 0.98);
  --ui-tabs-hover-bg: rgba(255, 255, 255, 0.09);
  --ui-tabs-active-bg: var(--ui-surface-raised);
  --ui-tabs-border: rgba(255, 255, 255, 0.14);
  --ui-list-row-bg: var(--ui-surface-muted);
  --ui-card-shadow: var(--ui-shadow-card);
  --ui-btn-primary-bg: var(--ui-color-action);
  --ui-btn-primary-border: var(--ui-color-action);
  --ui-btn-primary-text: var(--ui-text-inverse);
  --ui-btn-primary-hover-bg: var(--ui-color-action-hover);
  --ui-btn-primary-hover-border: var(--ui-color-action-hover);
  --ui-btn-primary-active-bg: var(--ui-color-action-active);
  --ui-btn-primary-active-border: var(--ui-color-action-active);
  --ui-cabinet-sidebar-link-active-bg: rgba(255, 255, 255, 0.14);
  --ui-cabinet-sidebar-link-active-text: var(--ui-text-primary);
  --ui-cabinet-sidebar-link-hover-bg: var(--ui-surface-hover);
  --ui-cabinet-module-bg: transparent;
  --ui-tabs-text: var(--ui-text-secondary);
  --ui-tabs-text-hover: var(--ui-text-primary);
  --ui-tabs-text-active: var(--ui-text-primary);
  --ui-tabs-muted: var(--ui-text-muted);
  --ui-tabs-backdrop-blur: 14px;
  --ui-tabs-edge-radius: var(--ui-radius-lg);
  --ui-tabs-active-indicator-height: 3px;
  --ui-tabs-action-radius: var(--ui-radius-lg);
  --ui-tabs-indicator-bg: var(--ui-primitive-neutral-300);
  --ui-tabs-panel-animation: fadeIn var(--ui-motion-duration-normal) var(--ui-motion-easing-emphasized);
  --header-dropdown-radius: var(--ui-radius-shell);
  --header-dropdown-open-height: 76vh;
  --header-dropdown-item-font-weight: var(--ui-font-weight-semibold);
  --header-dropdown-link-radius: var(--ui-radius-md);
  --header-dropdown-sidebar-link-padding: var(--ui-space-2) 12px;
  --header-dropdown-section-offset: 10px;
  --header-nav-link-radius: var(--ui-radius-pill);
  --header-account-radius: var(--ui-radius-pill);
  --ui-cabinet-sidebar-bg: rgba(24, 24, 25, 0.78);
  --ui-cabinet-sidebar-bg-expanded: rgba(26, 26, 28, 0.94);
  --ui-cabinet-sidebar-blur: var(--ui-backdrop-blur-md);
  --ui-cabinet-sidebar-expanded-blur: var(--ui-backdrop-blur-lg);
  --ui-cabinet-sidebar-shadow: var(--ui-shadow-panel);
  --ui-cabinet-sidebar-expanded-shadow: var(--ui-shadow-card);
  --rating-final-panel-bg: color-mix(in srgb, var(--ui-color-success) 16%, var(--ui-surface-raised));
  --rating-final-panel-border: color-mix(in srgb, var(--ui-color-success) 34%, transparent);
  --rating-final-cell-default-bg: var(--ui-primitive-neutral-700);
  --rating-final-dropdown-bg: var(--ui-surface-raised);
  --rating-final-dropdown-border: var(--ui-border-subtle);
  --rating-final-dropdown-hover-bg: var(--ui-surface-hover);
  --rating-final-dropdown-selected-bg: rgba(255, 255, 255, 0.12);
  --rating-final-rule-delete-hover-bg: var(--ui-color-danger-muted);
  --rating-final-selection-ring: rgba(244, 244, 245, 0.34);
  --rating-final-selection-bg: rgba(244, 244, 245, 0.12);
  --rating-final-readonly-selection-bg: rgba(148, 163, 184, 0.16);
  --rating-final-active-ring: var(--ui-primitive-neutral-300);
  --rating-final-fill-handle-border: var(--ui-surface-base);
  --rating-final-table-head-bg: var(--ui-surface-raised);
  --rating-final-table-border: var(--ui-border-subtle);
  --ui-header-border-gradient-start: rgba(255, 255, 255, 0);
  --ui-header-border-gradient-mid: rgba(255, 255, 255, 0.16);
  --ui-toast-bg: var(--ui-primitive-neutral-100);
  --ui-toast-text: var(--ui-primitive-neutral-900);
}