/* ==========================================================================
   MARCO ZULIANI - Fotografo
   Temi: Versione Giorno (Luce Chiara) & Versione Sera (Notturno)
   Ispirato all'estetica ultra-minimalista del modello Talva
   ========================================================================== */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  --gap-grid: 14px;
  --header-height: 80px;
  --header-padding: clamp(1.2rem, 3.5vw, 3rem);
  
  --transition-theme: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

/* ==========================================================================
   TEMA GIORNO (Default)
   Bianco puro, nero tipografico essenziale, zero distrazioni
   ========================================================================== */
html[data-theme="giorno"] {
  --bg-color: #FFFFFF;
  --text-primary: #000000;
  --text-muted: #777777;
  --header-bg: rgba(255, 255, 255, 0.95);
  --border-subtle: #EEEEEE;
  --modal-bg: #FFFFFF;
  --lightbox-bg: rgba(255, 255, 255, 0.98);
  --filter-active: #000000;
  --filter-inactive: #888888;
  --icon-color: #000000;
  --toggle-active-bg: #000000;
  --toggle-active-text: #FFFFFF;
  --toggle-bg: #F0F0F0;
}

/* ==========================================================================
   TEMA SERA
   Nero profondo, atmosfera notturna / camera oscura, massima immersione visiva
   ========================================================================== */
html[data-theme="sera"] {
  --bg-color: #0C0C0D;
  --text-primary: #F5F5F5;
  --text-muted: #888888;
  --header-bg: rgba(12, 12, 13, 0.95);
  --border-subtle: #222224;
  --modal-bg: #141416;
  --lightbox-bg: rgba(10, 10, 11, 0.98);
  --filter-active: #FFFFFF;
  --filter-inactive: #777777;
  --icon-color: #F5F5F5;
  --toggle-active-bg: #FFFFFF;
  --toggle-active-text: #000000;
  --toggle-bg: #1E1E22;
}

body, header, footer, dialog, .modal-content {
  transition: var(--transition-theme);
}