/* ==========================================================================
   Mode sombre — portail REPÉRIS
   Complète admin-theme.css (mêmes noms de variables, mêmes usages sémantiques),
   ne le remplace pas. Actif automatiquement si l'OS est en sombre
   (prefers-color-scheme), ou explicitement via [data-theme] posé par
   theme-toggle.js et mémorisé en localStorage.
   ========================================================================== */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #09090B;
    --color-surface: #18181B;
    --color-surface-alt: #27272A;

    --color-border: #3F3F46;

    --color-text: #FAFAFA;
    --color-text-secondary: #A1A1AA;
    --color-text-muted: #71717A;

    --color-accent: #3B82F6;
    --color-accent-bg: #17233B;

    --color-success: #4ADE80;
    --color-success-bg: #0B2917;
    --color-warning: #FBBF24;
    --color-warning-bg: #3A2505;
    --color-danger: #F87171;
    --color-danger-bg: #3A1212;
  }
}

:root[data-theme="dark"] {
  --color-bg: #09090B;
  --color-surface: #18181B;
  --color-surface-alt: #27272A;

  --color-border: #3F3F46;

  --color-text: #FAFAFA;
  --color-text-secondary: #A1A1AA;
  --color-text-muted: #71717A;

  --color-accent: #3B82F6;
  --color-accent-bg: #17233B;

  --color-success: #4ADE80;
  --color-success-bg: #0B2917;
  --color-warning: #FBBF24;
  --color-warning-bg: #3A2505;
  --color-danger: #F87171;
  --color-danger-bg: #3A1212;
}

body, .btn, input, select, textarea {
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}