/* Light theme defaults — wrapped in :where() for zero specificity.
   Any user :root override wins automatically regardless of load order. */
:where(:root),
:where(.dk-light) {
  --dk-color-bg: var(--dk-white);
  --dk-color-surface: var(--dk-gray-50);
  --dk-color-surface-raised: var(--dk-white);
  --dk-color-text: var(--dk-gray-900);
  --dk-color-text-muted: var(--dk-gray-500);
  --dk-color-text-inverse: var(--dk-white);
  --dk-color-primary: var(--dk-blue-600);
  --dk-color-primary-hover: var(--dk-blue-700);
  --dk-color-primary-light: var(--dk-blue-50);
  --dk-color-primary-text: var(--dk-white);
  --dk-color-danger: var(--dk-red-600);
  --dk-color-danger-hover: var(--dk-red-700);
  --dk-color-danger-light: var(--dk-red-50);
  --dk-color-success: var(--dk-green-600);
  --dk-color-success-light: var(--dk-green-50);
  --dk-color-warning: var(--dk-yellow-600);
  --dk-color-warning-light: var(--dk-yellow-50);
  --dk-color-border: var(--dk-gray-200);
  --dk-color-border-hover: var(--dk-gray-300);
  --dk-color-focus: var(--dk-blue-500);
  --dk-focus-ring: 0 0 0 2px var(--dk-color-bg), 0 0 0 4px var(--dk-color-focus);
  --dk-color-overlay: rgb(0 0 0 / 0.5);
  --dk-color-input-bg: var(--dk-white);
  --dk-color-input-border: var(--dk-gray-300);
  --dk-color-input-border-hover: var(--dk-gray-400);
  --dk-color-input-border-focus: var(--dk-blue-500);
  --dk-color-input-placeholder: var(--dk-gray-400);
  --dk-section-bg-primary: var(--dk-color-surface);
  --dk-section-bg-alt: var(--dk-gray-50);
  --dk-section-bg-brand: var(--dk-color-primary);
  --dk-section-bg-dark: var(--dk-gray-900);
  --dk-section-text-on-brand: #ffffff;
  --dk-section-text-on-dark: #ffffff;
  --dk-navbar-bg: var(--dk-color-surface);
}