/**
 * Light theme — tokens (default).
 * Folder: css/ui-colors/light/
 */
:root,
html[data-theme="light"] {
  --cui-bg: #ffffff;
  --cui-surface: #ffffff;
  --cui-surface-2: #ffffff;
  --cui-border: #e2e8f0;
  --cui-border-2: #cbd5e1;
  --cui-text: #0f172a;
  --cui-text-muted: #64748b;
  --cui-heading: #1e3a8a;
  --cui-heading-sub: #2563eb;
  --cui-nav-text: #475569;
  --cui-nav-active-bg: rgba(15, 23, 42, 0.08);
  --cui-nav-active-text: #0f172a;
  --cui-nav-hover-bg: rgba(15, 23, 42, 0.05);
  --cui-accent: #2563eb;
  --cui-accent-2: #1e40af;
  --cui-btn-primary-text: #ffffff;
  --cui-success: #047857;
  --cui-success-bg: #dcfce7;
  --cui-warning: #2563eb;
  --cui-warning-bg: #eff6ff;
  --cui-danger: #dc2626;
  --cui-danger-bg: #fef2f2;
  --cui-input-bg: #ffffff;
  --cui-input-border: #cbd5e1;
  --cui-label: #334155;
  --cui-icon: #64748b;
  --cui-icon-hover-bg: rgba(37, 99, 235, 0.08);
  --cui-shadow: none;
  --cui-shadow-card: none;
  --cui-shadow-hover: 0 2px 8px rgba(37, 99, 235, 0.14);
  --cui-overlay: rgba(15, 23, 42, 0.45);
  --cui-soft-bg: rgba(37, 99, 235, 0.04);
  --cui-soft-bg-hover: rgba(37, 99, 235, 0.08);
  --cui-soft-border: rgba(37, 99, 235, 0.14);
  --cui-focus-ring: rgba(37, 99, 235, 0.25);
  --cui-btn-bg: #ffffff;
  --cui-btn-border: #cbd5e1;
  --cui-btn-text: #0f172a;
  --cui-radius-sm: 6px;
  --cui-radius: 8px;
  --cui-radius-lg: 12px;
  --cui-radius-xl: 16px;

  --lms-sidebar-scrollbar-track: rgba(15, 23, 42, 0.06);
  --lms-sidebar-scrollbar-thumb: rgba(100, 116, 139, 0.55);
  --lms-sidebar-scrollbar-thumb-hover: rgba(71, 85, 105, 0.75);
}