/*
 * Habillage « Nocturne » — sombre.
 *
 * Fond nuit profonde, turquoise et ambre. La structure ne change pas :
 * seules la palette et quelques nuances de surface sont redéfinies, ce
 * qui suffit à transformer complètement l'ambiance.
 */

:root[data-theme="nocturne"] {
  --primary: #14b8a6;
  --secondary: #d97706;
  --dark: #0a1118;

  --sand-warm: #0a1118;
  --sand-card: #111a24;
  --sand-border: #1e293b;
  --surface-low: #0d1520;
  --surface-container: #16212e;
  --on-surface: #e8eef5;
  --on-surface-variant: #9aa8b6;
  --outline-variant: #33445a;
  --gold: #f59e0b;
  --sky: #06b6d4;

  --ink: #f1f6fb;
  --header-bg: rgba(10, 17, 24, 0.82);
  --header-border: 1px solid rgba(30, 41, 59, 0.9);
  --hero-veil:
    linear-gradient(to right, rgba(5, 10, 16, 0.88) 0%, rgba(5, 10, 16, 0.65) 42%, rgba(5, 10, 16, 0.25) 78%, rgba(5, 10, 16, 0.15) 100%),
    linear-gradient(to top, rgba(5, 10, 16, 0.85), rgba(5, 10, 16, 0.25) 55%, rgba(5, 10, 16, 0.6));
  --hero-accent: #6ee7d7;
  --card-shadow: 0 4px 24px -6px rgba(0, 0, 0, 0.5);
  --footer-bg: #0d1520;

  --shadow-1: 0 4px 24px -6px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 10px 32px -8px rgba(0, 0, 0, 0.6);
  --shadow-3: 0 24px 48px -12px rgba(0, 0, 0, 0.7);

  color-scheme: dark;
}


/* Le bouton sombre deviendrait invisible : il passe en doré. */
[data-theme="nocturne"] .btn--dark { background: var(--secondary); color: #1a1204; }
[data-theme="nocturne"] .btn--dark:hover { background: #f0a02a; }
[data-theme="nocturne"] .btn--outline { color: #f1f6fb; box-shadow: inset 0 0 0 1.5px rgba(241, 246, 251, 0.5); }
[data-theme="nocturne"] .btn--outline:hover { background: #f1f6fb; color: var(--dark); }
[data-theme="nocturne"] .btn--primary { color: #04231f; }

/* Les surfaces claires du bandeau final et de la légende suivent la nuit. */
[data-theme="nocturne"] .banner { background: #060c12; }
[data-theme="nocturne"] .legend { background: var(--sand-card); border: 1px solid var(--sand-border); }
[data-theme="nocturne"] .filters { background: rgba(17, 26, 36, 0.92); }
[data-theme="nocturne"] .chip { background: var(--sand-card); color: var(--on-surface-variant); }
[data-theme="nocturne"] .search { background: #0d1520; border-color: #2a3a4d; }
[data-theme="nocturne"] .search input { color: var(--on-surface); }
[data-theme="nocturne"] .switch button { background: var(--sand-card); color: var(--on-surface-variant); }
[data-theme="nocturne"] .switch button[aria-pressed="true"] { background: var(--primary); color: #04231f; }
[data-theme="nocturne"] .nav-toggle { background: var(--sand-card); border-color: var(--sand-border); color: #f1f6fb; }
[data-theme="nocturne"] .mobile-nav { background: var(--sand-warm); }
[data-theme="nocturne"] .concept__caption { background: rgba(17, 26, 36, 0.94); }
[data-theme="nocturne"] .map__card { background: rgba(17, 26, 36, 0.95); }
[data-theme="nocturne"] .social { background: var(--surface-container); }
[data-theme="nocturne"] .tag--allergen { background: rgba(248, 113, 113, 0.12); color: #fca5a5; }
[data-theme="nocturne"] .empty { border-color: var(--sand-border); }

/* Les photographies gagnent en présence sur fond noir. */
[data-theme="nocturne"] .frame img,
[data-theme="nocturne"] .concept__main img { filter: saturate(1.05) contrast(1.03); }