/* MAMM — design tokens (palette brand + tema chiaro/scuro).
   Valori derivati dal locale: bianco caldo + legno + triangoli lime/arancio/giallo.
   Il tema si applica via attributo data-theme su <html> (default: light). */

:root {
  /* Light (default) */
  --bg:          #F5F1E8;
  --bg-2:        #EFE8DA;
  --card:        #FFFFFF;
  --ink:         #1C1A16;
  --ink-soft:    #3B372F;
  --muted:       #837C6F;
  --line:        #E5DDCC;
  --line-2:      #D9CFB9;

  --lime:        #A9C013;
  --lime-tint:   #EDF2CE;
  --orange:      #E8912A;
  --orange-tint: #FBE7CD;
  --yellow:      #E4B912;
  --yellow-tint: #FAEFC4;

  --danger:      #C4462F;
  --danger-tint: #F7E0DA;

  --shadow:      0 1px 2px rgba(40,34,20,.04), 0 8px 24px rgba(40,34,20,.06);
  --shadow-lift: 0 2px 6px rgba(40,34,20,.08), 0 18px 40px rgba(40,34,20,.12);
  --radius:      16px;
  --radius-sm:   10px;

  /* Il marchio (quadrato bianco, lettere trasparenti) va invertito su fondo chiaro. */
  --mark-filter: invert(1);
}

/* Fallback su preferenza di sistema quando non c'è data-theme (di norma è sempre impostato). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg:#141109; --bg-2:#1B1710; --card:#211C13; --ink:#F3EEE0; --ink-soft:#D8D1BF;
    --muted:#9A917E; --line:#2E281C; --line-2:#3A3324;
    --lime:#C4DB2A; --lime-tint:#2C3310; --orange:#F2A63E; --orange-tint:#3A2A11;
    --yellow:#F2CE3B; --yellow-tint:#382D0C;
    --danger:#E8674B; --danger-tint:#3A1B14;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4);
    --shadow-lift:0 2px 6px rgba(0,0,0,.4),0 22px 48px rgba(0,0,0,.55);
    --mark-filter: none;
  }
}

:root[data-theme="light"] {
  --bg:#F5F1E8; --bg-2:#EFE8DA; --card:#FFFFFF; --ink:#1C1A16; --ink-soft:#3B372F;
  --muted:#837C6F; --line:#E5DDCC; --line-2:#D9CFB9;
  --lime:#A9C013; --lime-tint:#EDF2CE; --orange:#E8912A; --orange-tint:#FBE7CD;
  --yellow:#E4B912; --yellow-tint:#FAEFC4;
  --danger:#C4462F; --danger-tint:#F7E0DA;
  --shadow:0 1px 2px rgba(40,34,20,.04),0 8px 24px rgba(40,34,20,.06);
  --shadow-lift:0 2px 6px rgba(40,34,20,.08),0 18px 40px rgba(40,34,20,.12);
  --mark-filter: invert(1);
}

:root[data-theme="dark"] {
  --bg:#141109; --bg-2:#1B1710; --card:#211C13; --ink:#F3EEE0; --ink-soft:#D8D1BF;
  --muted:#9A917E; --line:#2E281C; --line-2:#3A3324;
  --lime:#C4DB2A; --lime-tint:#2C3310; --orange:#F2A63E; --orange-tint:#3A2A11;
  --yellow:#F2CE3B; --yellow-tint:#382D0C;
  --danger:#E8674B; --danger-tint:#3A1B14;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4);
  --shadow-lift:0 2px 6px rgba(0,0,0,.4),0 22px 48px rgba(0,0,0,.55);
  --mark-filter: none;
}