/* Dark palette for public authentication pages. Loaded after auth.css. */
html[data-bs-theme="dark"] {
  color-scheme: dark;
  --ez-primary: #7c93ff;
  --ez-primary-hover: #93a7ff;
  --ez-primary-soft: #202d55;
  --ez-secondary: #42d3a5;
  --ez-info: #64b5f6;
  --ez-body-bg: #0f172a;
  --ez-surface: #172033;
  --ez-surface-subtle: #1e293b;
  --ez-surface-hover: #29364c;
  --ez-text: #e5edf7;
  --ez-text-strong: #ffffff;
  --ez-text-muted: #b4c0d1;
  --ez-text-soft: #94a3b8;
  --ez-border: #334155;
  --ez-border-soft: #263449;
  --ez-control-border: #475569;
  --ez-focus-border: #7c93ff;
  --ez-focus-ring: rgba(124, 147, 255, .25);
  --ez-success: #4adea8;
  --ez-danger: #fb7185;
  --ez-shadow-lg: 0 18px 42px rgba(0, 0, 0, .4);
  --bs-body-bg: var(--ez-body-bg);
  --bs-body-bg-rgb: 15, 23, 42;
  --bs-body-color: var(--ez-text);
  --bs-body-color-rgb: 229, 237, 247;
  --bs-border-color: var(--ez-border);
}

html[data-bs-theme="dark"] body.ez-auth-public,
html[data-bs-theme="dark"] .ez-auth-shell {
  background: var(--ez-body-bg);
  color: var(--ez-text);
}

html[data-bs-theme="dark"] .ez-auth-card,
html[data-bs-theme="dark"] .ez-theme-public .ez-theme-toggle,
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-bs-theme="dark"] .input-group-text {
  background-color: var(--ez-surface);
  border-color: var(--ez-control-border);
  color: var(--ez-text);
}

html[data-bs-theme="dark"] .form-control::placeholder {
  color: var(--ez-text-soft);
}

html[data-bs-theme="dark"] .ez-auth-card h1,
html[data-bs-theme="dark"] .form-label {
  color: var(--ez-text-strong);
}

html[data-bs-theme="dark"] .text-muted,
html[data-bs-theme="dark"] .form-text {
  color: var(--ez-text-muted) !important;
}

html[data-bs-theme="dark"] .ez-theme-icon-light {
  display: none;
}

html[data-bs-theme="dark"] .ez-theme-icon-dark {
  display: inline-block;
}