/* ==========================================================================
   MARCO ZULIANI - Fotografo
   Format "Lightbox" Theme: Palette Cromatiche & Tipografia
   Ispirato al template originale Format Lightbox (https://lightbox.format.com)
   ========================================================================== */

:root {
  /* Tipografia Originale Format Lightbox */
  --font-serif: "Big Caslon", "Playfair Display", "Baskerville", "Didot", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  --header-height: 70px;
  --header-padding: 24px;
  --thumb-width: 70px;
  --transition-speed: 0.25s;
}

/* ==========================================================================
   TEMA NOTTE FORMAT LIGHTBOX (Predefinito del Template Originale)
   Sfondo profondo carbone, testi argento chiarissimo, accenti oro-ambra
   ========================================================================== */
html[data-theme="dark"],
:root {
  --bg-color: #111215;
  --bg-surface: #181a1f;
  --header-bg: rgba(17, 18, 21, 0.92);
  --header-border: rgba(223, 234, 233, 0.08);
  
  --text-primary: #ffffff;
  --text-muted: #dfeae9;
  --text-caption: #a6b5b4;
  --accent-gold: #fce685;
  --accent-gold-hover: #fff0a8;
  
  --border-subtle: rgba(223, 234, 233, 0.15);
  --border-strong: rgba(223, 234, 233, 0.35);
  
  --thumb-dim: 0.22;
  --thumb-hover: 0.65;
  --thumb-active: 1;
  --thumb-outline: #fce685;
  
  --modal-overlay: rgba(10, 11, 13, 0.96);
  --input-bg: rgba(255, 255, 255, 0.04);
  --input-border: rgba(223, 234, 233, 0.25);
  --input-focus: #fce685;
  
  --card-bg: #16181d;
  --card-hover-border: #fce685;
}

/* ==========================================================================
   TEMA GIORNO (Luce Chiara Opzionale)
   Per chi preferisce una visualizzazione su fondo bianco/grigio perla
   ========================================================================== */
html[data-theme="light"] {
  --bg-color: #f7f7f8;
  --bg-surface: #ffffff;
  --header-bg: rgba(247, 247, 248, 0.94);
  --header-border: rgba(0, 0, 0, 0.07);
  
  --text-primary: #111214;
  --text-muted: #4e5359;
  --text-caption: #737880;
  --accent-gold: #b38b25;
  --accent-gold-hover: #8f6e1a;
  
  --border-subtle: rgba(0, 0, 0, 0.1);
  --border-strong: rgba(0, 0, 0, 0.25);
  
  --thumb-dim: 0.35;
  --thumb-hover: 0.75;
  --thumb-active: 1;
  --thumb-outline: #b38b25;
  
  --modal-overlay: rgba(247, 247, 248, 0.96);
  --input-bg: #ffffff;
  --input-border: rgba(0, 0, 0, 0.18);
  --input-focus: #b38b25;
  
  --card-bg: #ffffff;
  --card-hover-border: #b38b25;
}