/* =========================================================================
   THEME — MEDITERRANEO  (Tema 3 di 3 · palette emozionale, NO day/night)
   Personalità: caldo, affidabile, umano · verde petrolio + terracotta.
   Scopo: solo override dei TOKEN colore. Tutto il resto eredita da style.css.
   Attivazione: <html data-theme="mediterraneo">  (gestito dal toggle temi in main.js)
   ========================================================================= */
html[data-theme="mediterraneo"] {
  /* Brand / primari */
  --primary: #0E5A55;
  --primary-dark: #09413D;
  --primary-soft: rgba(14, 90, 85, .14);
  --accent: #C85A3C;          /* terracotta per calore */

  /* Neutrali caldi */
  --ink: #14201D;
  --ink-soft: #32443D;
  --muted: #5E6E66;
  --line: #E5DDD0;

  /* Superfici */
  --bg: #FBF8F3;              /* avorio caldo */
  --surface: #FFFFFF;
  --surface-2: #F1EBE0;
  --dark-surface: #0E1714;

  /* Ombri caldi */
  --shadow: 0 10px 30px rgba(15, 24, 20, .10);
  --shadow-lg: 0 24px 60px rgba(15, 24, 20, .20);
}