/* ═══════════════════════════════════════════════════════════════
   PELLE-VINO — token colore ecosistema vino
   ───────────────────────────────────────────────────────────────
   Punto UNICO di controllo del colore per tutti i moduli vino.
   Scheletro = design system Blue (font Inter, griglie, componenti,
   spacing, radius, shadow) INVARIATO. Qui si ridefiniscono SOLO
   i token colore → la "pelle vino".

   Uso: importare DOPO tokens.css nei moduli vino, così questi
   valori sovrascrivono quelli Blue. tokens.css resta la base
   (spacing/typography/radius vengono da lì, non si duplicano qui).

     <link rel="stylesheet" href="css/tokens.css">
     <link rel="stylesheet" href="css/tokens-vino.css">   ← pelle

   Palette approvata 2026-07-06 (Stefano+Claude): bordeaux→oro.
   Valori esatti fissati 2026-07-08, da validare a schermo.
   Memoria: ecosistema-vino-identita-visiva.
═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Accento: bordeaux → oro ──────────────────────────────────
     vino rosso + oro etichetta di pregio. Funziona su light E dark.
     REGOLA accessibilità: MAI su testo piccolo → usare --color-text.
     L'accento vive su superfici grandi, bottoni, il nome-programma. */
  --wine-bordeaux:      #7b2233;
  --wine-gold:          #c9a227;
  --brand-gradient:     linear-gradient(135deg, #7b2233 0%, #a03a44 45%, #c9a227 100%);

  --color-primary:       #7b2233;
  --color-primary-light: #a03a44;
  --color-accent:        #7b2233;

  /* ── LIGHT MODE (default) — crema/avorio, toni sughero-pergamena ── */
  --color-bg:          #f6f1ea;
  --color-bg-gradient: linear-gradient(135deg, #faf6ef 0%, #f6f1ea 60%, #efe6d8 100%);
  --color-surface:     #fffdf9;
  --color-surface-2:   #efe6d8;
  --color-beige:       #e9dcc8;
  --color-text:        #2a1520;   /* bordeaux-nero */
  --color-text-muted:  #6e5a53;
  --color-text-light:  #a2938a;
  --color-border:      #dccdb8;
  --color-success:     #4f7a3a;   /* verde-oliva, in tono col vino */
  --color-warning:     #c68a2e;
  --color-danger:      #b03a2e;
  --color-overlay:     rgba(42, 21, 32, 0.45);

  --shadow-card:     0 2px 12px rgba(42, 21, 32, 0.08);
  --shadow-elevated: 0 8px 28px rgba(42, 21, 32, 0.14);

  /* Legacy wine tokens (usati da app.css: prezzi, dot-tipo, badge featured).
     Riallineati alla nuova palette per coerenza. */
  --wine-red:       #7b2233;
  --wine-white:     #c9a227;
  --wine-rose:      #c47a86;
  --wine-sparkling: #d4b24a;
}

/* ── DARK (NIGHT) MODE — bordeaux scurissimo, testo crema ── */
[data-theme="dark"] {
  --wine-bordeaux:      #9c3345;
  --wine-gold:          #d4b24a;
  --brand-gradient:     linear-gradient(135deg, #9c3345 0%, #b5495a 45%, #d4b24a 100%);

  --color-primary:       #b5495a;
  --color-primary-light: #cf6472;
  --color-accent:        #b5495a;

  --color-bg:          #1a1013;
  --color-bg-gradient: linear-gradient(135deg, #150c0f 0%, #1a1013 60%, #211318 100%);
  --color-surface:     #241519;
  --color-surface-2:   #2f1c22;
  --color-beige:       #2f1c22;
  --color-text:        #f0e6dd;   /* crema */
  --color-text-muted:  #c9b8b0;
  --color-text-light:  #8f7d78;
  --color-border:      #3a2228;
  --color-success:     #7ba05b;
  --color-warning:     #dcb765;
  --color-danger:      #d46a5e;
  --color-overlay:     rgba(0, 0, 0, 0.6);

  --shadow-card:     0 2px 12px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 8px 28px rgba(0, 0, 0, 0.55);

  --wine-red:       #cf6472;
  --wine-white:     #d4b24a;
  --wine-rose:      #e0a0aa;
  --wine-sparkling: #e0c76a;
}