/**
 * Dark theme — tokens.
 * Folder: css/ui-colors/dark/
 */
html[data-theme="dark"] {
  --cui-bg: #0f141a;
  --cui-surface: #1d2327;
  --cui-surface-2: #23282d;
  --cui-border: rgba(255, 255, 255, 0.12);
  --cui-border-2: rgba(255, 255, 255, 0.18);
  --cui-text: rgba(255, 255, 255, 0.92);
  --cui-text-muted: rgba(255, 255, 255, 0.62);
  --cui-heading: rgba(255, 255, 255, 0.92);
  --cui-heading-sub: rgba(255, 255, 255, 0.72);
  --cui-nav-text: rgba(255, 255, 255, 0.72);
  --cui-nav-active-bg: #2271b1;
  --cui-nav-active-text: #ffffff;
  --cui-nav-hover-bg: rgba(255, 255, 255, 0.06);
  --cui-accent: #2271b1;
  --cui-accent-2: #135e96;
  --cui-btn-primary-text: #ffffff;
  --cui-success: #00a32a;
  --cui-success-bg: rgba(0, 163, 42, 0.15);
  --cui-warning: #2563eb;
  --cui-warning-bg: rgba(37, 99, 235, 0.15);
  --cui-danger: #d63638;
  --cui-danger-bg: rgba(214, 54, 56, 0.12);
  --cui-input-bg: rgba(255, 255, 255, 0.04);
  --cui-input-border: rgba(255, 255, 255, 0.14);
  --cui-label: rgba(255, 255, 255, 0.78);
  --cui-icon: rgba(255, 255, 255, 0.72);
  --cui-icon-hover-bg: rgba(255, 255, 255, 0.06);
  --cui-shadow: none;
  --cui-shadow-card: none;
  --cui-shadow-hover: 0 2px 8px rgba(34, 113, 177, 0.18);
  --cui-overlay: rgba(0, 0, 0, 0.60);
  --cui-soft-bg: rgba(255, 255, 255, 0.04);
  --cui-soft-bg-hover: rgba(255, 255, 255, 0.06);
  --cui-soft-border: rgba(255, 255, 255, 0.12);
  --cui-focus-ring: rgba(34, 113, 177, 0.22);
  --cui-btn-bg: rgba(255, 255, 255, 0.04);
  --cui-btn-border: rgba(255, 255, 255, 0.14);
  --cui-btn-text: rgba(255, 255, 255, 0.92);
  --cui-radius-sm: 6px;
  --cui-radius: 8px;
  --cui-radius-lg: 12px;
  --cui-radius-xl: 16px;

  --lms-sidebar-scrollbar-track: rgba(255, 255, 255, 0.06);
  --lms-sidebar-scrollbar-thumb: rgba(148, 163, 184, 0.45);
  --lms-sidebar-scrollbar-thumb-hover: rgba(203, 213, 225, 0.65);
}