/* ══════════════════════════════════════════
   Biennale Venezia 2026 — Design Tokens
   Temi: dark (default) | light
   ══════════════════════════════════════════ */

/* ── Dark (default) ── */
:root, [data-theme="dark"] {

  --panel-w: 480px;

  /* Sfondo e superfici */
  --bg:        #080808;
  --surface:   #111111;
  --surface2:  #1a1a1a;
  --surface3:  #222222;
  --border:    #2a2a2a;

  /* Testi */
  --text:      #e8e0d0;
  --text-mid:  #b0a890;
  --text-dim:  #7a7060;

  /* Oro */
  --gold:         #c8a84b;
  --gold-dim:     #8a7030;
  --gold-06:      rgba(200, 168, 75, 0.06);
  --gold-07:      rgba(200, 168, 75, 0.07);
  --gold-10:      rgba(200, 168, 75, 0.10);
  --gold-30:      rgba(200, 168, 75, 0.30);

  /* Stato */
  --ok:           #6a9a5a;
  --error:        #9a5a5a;
  --danger:       #8b3a3a;
  --danger-bg:    rgba(139, 58, 58, 0.10);
  --danger-text:  #c07070;

  /* Overlay */
  --overlay:      rgba(0, 0, 0, 0.60);
  --overlay-map:  rgba(8, 8, 8, 0.70);

  /* Sestieri */
  --sestiere-unknown:     #888888;
  --sestiere-castello:    #c8a84b;
  --sestiere-dorsoduro:   #7aa2c8;
  --sestiere-san-marco:   #c87a7a;
  --sestiere-cannaregio:  #7ac8a2;
  --sestiere-san-polo:    #c8a07a;
  --sestiere-santa-croce: #a07ac8;
  --sestiere-giudecca:    #7ac8c8;
  --sestiere-isole:       #c8c87a;

  /* Tipi evento */
  --tipo-padiglione-border:     var(--gold-dim);
  --tipo-padiglione-color:      var(--gold);
  --tipo-collaterale-border:    #4a6a8a;
  --tipo-collaterale-color:     #6a9aba;
  --tipo-concomitanza-border:   #4a6a4a;
  --tipo-concomitanza-color:    #6a9a6a;
  --tipo-indipendente-border:   #6a4a6a;
  --tipo-indipendente-color:    #9a6a9a;

  /* Ruoli */
  --ruolo-artista-border:     #5a6a4a;
  --ruolo-artista-color:      #8aaa6a;
  --ruolo-curatore-border:    #4a5a6a;
  --ruolo-curatore-color:     #6a8aaa;
  --ruolo-commissario-border: #6a5a4a;
  --ruolo-commissario-color:  #aa8a6a;

  /* Charts */
  --chart-text:   var(--text-dim);
  --chart-grid:   var(--surface2);
  --chart-1:      var(--gold);
  --chart-2:      #4a7090;
  --chart-3:      #5a8a5a;
  --chart-4:      #7a5a8a;
}

/* ── Light ── */
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) {
  --panel-w: 480px;
  --bg: #f5f0e8; --surface: #ffffff; --surface2: #ede8de; --surface3: #e2ddd2; --border: #d0c8b8;
  --text: #1a1612; --text-mid: #5a5248; --text-dim: #8a8070;
  --gold: #9a7a28; --gold-dim: #c8a84b;
  --gold-06: rgba(154,122,40,0.08); --gold-07: rgba(154,122,40,0.10); --gold-10: rgba(154,122,40,0.14); --gold-30: rgba(154,122,40,0.22);
  --ok: #3a7a2a; --error: #8a2a2a; --danger: #8b3a3a; --danger-bg: rgba(139,58,58,0.08); --danger-text: #9a3a3a;
  --overlay: rgba(0,0,0,0.30); --overlay-map: rgba(245,240,232,0.85);
  --sestiere-unknown: #999999; --sestiere-castello: #9a7a28; --sestiere-dorsoduro: #3a6a9a; --sestiere-san-marco: #9a3a3a; --sestiere-cannaregio: #2a8a5a; --sestiere-san-polo: #9a6a2a; --sestiere-santa-croce: #6a3a9a; --sestiere-giudecca: #2a8a8a; --sestiere-isole: #7a8a2a;
  --tipo-padiglione-border: var(--gold-dim); --tipo-padiglione-color: var(--gold); --tipo-collaterale-border: #3a6a9a; --tipo-collaterale-color: #2a5a8a; --tipo-concomitanza-border: #3a6a3a; --tipo-concomitanza-color: #2a5a2a; --tipo-indipendente-border: #6a3a6a; --tipo-indipendente-color: #5a2a6a;
  --ruolo-artista-border: #4a6a2a; --ruolo-artista-color: #3a5a1a; --ruolo-curatore-border: #2a4a6a; --ruolo-curatore-color: #1a3a5a; --ruolo-commissario-border: #6a4a2a; --ruolo-commissario-color: #5a3a1a;
  --chart-text: var(--text-dim); --chart-grid: var(--border); --chart-1: var(--gold); --chart-2: #3a6a9a; --chart-3: #3a7a3a; --chart-4: #6a3a8a;
} }

[data-theme="light"] {

  --panel-w: 480px;

  /* Sfondo e superfici */
  --bg:        #f5f0e8;
  --surface:   #ffffff;
  --surface2:  #ede8de;
  --surface3:  #e2ddd2;
  --border:    #d0c8b8;

  /* Testi */
  --text:      #1a1612;
  --text-mid:  #5a5248;
  --text-dim:  #8a8070;

  /* Oro */
  --gold:         #9a7a28;
  --gold-dim:     #c8a84b;
  --gold-06:      rgba(154, 122, 40, 0.08);
  --gold-07:      rgba(154, 122, 40, 0.10);
  --gold-10:      rgba(154, 122, 40, 0.14);
  --gold-30:      rgba(154, 122, 40, 0.22);

  /* Stato */
  --ok:           #3a7a2a;
  --error:        #8a2a2a;
  --danger:       #8b3a3a;
  --danger-bg:    rgba(139, 58, 58, 0.08);
  --danger-text:  #9a3a3a;

  /* Overlay */
  --overlay:      rgba(0, 0, 0, 0.30);
  --overlay-map:  rgba(245, 240, 232, 0.85);

  /* Sestieri */
  --sestiere-unknown:     #999999;
  --sestiere-castello:    #9a7a28;
  --sestiere-dorsoduro:   #3a6a9a;
  --sestiere-san-marco:   #9a3a3a;
  --sestiere-cannaregio:  #2a8a5a;
  --sestiere-san-polo:    #9a6a2a;
  --sestiere-santa-croce: #6a3a9a;
  --sestiere-giudecca:    #2a8a8a;
  --sestiere-isole:       #7a8a2a;

  /* Tipi evento */
  --tipo-padiglione-border:     var(--gold-dim);
  --tipo-padiglione-color:      var(--gold);
  --tipo-collaterale-border:    #3a6a9a;
  --tipo-collaterale-color:     #2a5a8a;
  --tipo-concomitanza-border:   #3a6a3a;
  --tipo-concomitanza-color:    #2a5a2a;
  --tipo-indipendente-border:   #6a3a6a;
  --tipo-indipendente-color:    #5a2a6a;

  /* Ruoli */
  --ruolo-artista-border:     #4a6a2a;
  --ruolo-artista-color:      #3a5a1a;
  --ruolo-curatore-border:    #2a4a6a;
  --ruolo-curatore-color:     #1a3a5a;
  --ruolo-commissario-border: #6a4a2a;
  --ruolo-commissario-color:  #5a3a1a;

  /* Charts */
  --chart-text:   var(--text-dim);
  --chart-grid:   var(--border);
  --chart-1:      var(--gold);
  --chart-2:      #3a6a9a;
  --chart-3:      #3a7a3a;
  --chart-4:      #6a3a8a;
}