:root[data-theme="dark"] {
  --background: #101010;
  --surface: #1a1a1c;
  --surface-raised: #222225;
  --text: #f5f1f1;
  --muted: #b6a9a9;
  --border: #343032;
  --primary: #d9a2a3;
  --primary-strong: #f0bfc0;
  --success: #47c790;
  --danger: #ff6b6b;
  --warning: #f0b64f;
  --info-soft: #2a2023;
  --success-soft: #142b23;
  --danger-soft: #351d22;
  --warning-soft: #332816;
  --shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
  color-scheme: dark;
}

:root[data-theme="dark"] .app-header {
  background: color-mix(in srgb, var(--surface) 90%, transparent);
}

:root[data-theme="dark"] .brand-mark {
  background: linear-gradient(135deg, #6ea2ff, #45c4b0);
}

:root[data-theme="dark"] .brand-logo-light {
  display: none;
}

:root[data-theme="dark"] .brand-logo-dark {
  display: block;
}

:root[data-theme="dark"] .button-primary {
  color: #07111f;
}

:root[data-theme="dark"] .modal-backdrop {
  background: rgba(0, 0, 0, 0.62);
}

:root[data-theme="dark"] input[type="date"],
:root[data-theme="dark"] input[type="time"] {
  color-scheme: dark;
}