/*
  Colori di Saziami — stessi token di JustMeteo (SITO/styles.css):
  ink, muted, faint, card, sheet, acc, warm, good, ind, sun, raggi e ombre.
  Come JustMeteo il tema di base è scuro; "chiaro" si attiva con data-theme="light".
  Al posto del cielo meteo, il fondo segue il momento della giornata
  (colazione, pranzo, merenda, aperitivo, cena, tardi).
*/
:root {
  color-scheme: dark;
  --ink: #eef4fb;
  --muted: #d8e4f0;
  --faint: #b3c4d5;
  --line: rgba(255, 255, 255, 0.10);
  --line-soft: rgba(255, 255, 255, 0.06);
  --card: rgba(255, 255, 255, 0.115);
  --card-hi: rgba(255, 255, 255, 0.17);
  --sheet: rgba(10, 22, 40, 0.80);
  --sheet-solido: #0c1a2d;
  --ctl: rgba(255, 255, 255, 0.10);
  --ctl-strong: rgba(255, 255, 255, 0.16);
  --body-text: #e2ebf5;
  --fade-1: rgba(6, 14, 26, 0.92);
  --fade-mid: rgba(6, 14, 26, 0.55);
  --fade-0: rgba(6, 14, 26, 0);
  --tab-on: rgba(90, 209, 255, 0.26);
  --acc: #5ad1ff;
  --acc-deep: #1f9fd4;
  --su-acc: #05131f;
  --ind: #8b9bff;
  --warm: #ffb84d;
  --good: #4fe0a4;
  --bad: #ff6f7d;
  --sun: #ffc857;
  --r-xl: 30px;
  --r-lg: 22px;
  --r-md: 16px;
  --r-sm: 11px;
  --shadow: 0 34px 90px -26px rgba(0, 0, 0, 0.60);
  --shadow-soft: 0 10px 30px -12px rgba(0, 0, 0, 0.55);
  --inset-hi: inset 0 1px 0 rgba(255, 255, 255, 0.055);
  --velo: rgba(3, 9, 18, 0.62);

  --sky-1: #06172c;
  --sky-2: #124a77;
  --sky-3: #0a2038;
  --tint: rgba(120, 215, 255, 0.34);

  /* categorie: i colori "di stato" di JustMeteo, uno per famiglia */
  --k-ristorante: #8b9bff;
  --k-trattoria: #ffb84d;
  --k-pizzeria: #ff8f6b;
  --k-agriturismo: #4fe0a4;
  --k-quota: #bfe6ff;
  --k-bar: #5ad1ff;
  --k-veloce: #ffc857;

  /* radar */
  --radar-centro: rgba(90, 209, 255, 0.16);
  --radar-fondo: rgba(90, 209, 255, 0.03);
  --radar-linea: #5ad1ff;
  --radar-griglia: rgba(255, 255, 255, 0.13);

  --cop-chiaro: #ffffff;
  font-family: Inter, "SF Pro Display", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis-weight: none;
}

/* Il cielo segue il momento della giornata */
body[data-momento="colazione"] { --sky-1:#0b1526; --sky-2:#3a4f78; --sky-3:#151f36; --tint:rgba(255,184,120,.30); }
body[data-momento="pranzo"]    { --sky-1:#06172c; --sky-2:#124a77; --sky-3:#0a2038; --tint:rgba(120,215,255,.34); }
body[data-momento="merenda"]   { --sky-1:#081a2c; --sky-2:#1d5470; --sky-3:#0b2234; --tint:rgba(255,200,87,.24); }
body[data-momento="aperitivo"] { --sky-1:#120d24; --sky-2:#5a2f52; --sky-3:#1a1030; --tint:rgba(255,150,90,.36); }
body[data-momento="cena"]      { --sky-1:#040a16; --sky-2:#101f3d; --sky-3:#060d1d; --tint:rgba(139,155,255,.28); }
body[data-momento="tardi"]     { --sky-1:#03060f; --sky-2:#0a1428; --sky-3:#050a16; --tint:rgba(139,155,255,.18); }

html[data-theme="light"] {
  color-scheme: light;
  --ink: #081420;
  --muted: #2a3b4d;
  --faint: #44576b;
  --line: rgba(12, 38, 64, 0.13);
  --line-soft: rgba(12, 38, 64, 0.07);
  --card: rgba(255, 255, 255, 0.68);
  --card-hi: rgba(255, 255, 255, 0.82);
  --sheet: rgba(255, 255, 255, 0.95);
  --sheet-solido: #f4f9ff;
  --ctl: rgba(255, 255, 255, 0.78);
  --ctl-strong: rgba(255, 255, 255, 0.93);
  --body-text: #1b2b3c;
  --fade-1: rgba(216, 233, 250, 0.94);
  --fade-mid: rgba(216, 233, 250, 0.6);
  --fade-0: rgba(216, 233, 250, 0);
  --tab-on: rgba(11, 142, 199, 0.20);
  --acc: #0b8ec7;
  --acc-deep: #0a7bad;
  --su-acc: #ffffff;
  --ind: #5a6bdc;
  --warm: #e08a10;
  --good: #0fa368;
  --bad: #d63c4a;
  --sun: #f6ab1c;
  --shadow: 0 30px 74px -26px rgba(18, 46, 78, 0.30);
  --shadow-soft: 0 10px 30px -14px rgba(18, 46, 78, 0.28);
  --inset-hi: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  --velo: rgba(20, 40, 70, 0.32);
  --k-ristorante: #5a6bdc;
  --k-trattoria: #d27a06;
  --k-pizzeria: #d4552f;
  --k-agriturismo: #0fa368;
  --k-quota: #3d86c6;
  --k-bar: #0b8ec7;
  --k-veloce: #c78a00;
  --radar-centro: rgba(255, 255, 255, 0.75);
  --radar-fondo: rgba(255, 255, 255, 0.22);
  --radar-linea: #0b8ec7;
  --radar-griglia: rgba(12, 38, 64, 0.14);
}
html[data-theme="light"] body[data-momento="colazione"] { --sky-1:#f6e8dc; --sky-2:#e9c3a4; --sky-3:#f1dccb; --tint:rgba(255,170,110,.34); }
html[data-theme="light"] body[data-momento="pranzo"]    { --sky-1:#d8edff; --sky-2:#8dc4f0; --sky-3:#c3e0f8; --tint:rgba(70,170,240,.38); }
html[data-theme="light"] body[data-momento="merenda"]   { --sky-1:#e3f0fa; --sky-2:#a9d0ea; --sky-3:#d2e6f5; --tint:rgba(246,171,28,.22); }
html[data-theme="light"] body[data-momento="aperitivo"] { --sky-1:#f3e1e3; --sky-2:#d8a5b0; --sky-3:#ebd0d6; --tint:rgba(255,140,80,.32); }
html[data-theme="light"] body[data-momento="cena"]      { --sky-1:#dae1f4; --sky-2:#a8b5dd; --sky-3:#cad3ea; --tint:rgba(110,128,220,.26); }
html[data-theme="light"] body[data-momento="tardi"]     { --sky-1:#d6dbe9; --sky-2:#9da8c8; --sky-3:#c6cde0; --tint:rgba(110,128,220,.2); }

/* Copertine: ogni famiglia ha la sua tavolozza */
.copertina[data-k="trattoria"]   { --cop-1:#f4e9d8; --cop-2:#c8442f; --cop-3:#a8321f; --cop-4:#e9dcc5; }
.copertina[data-k="pizzeria"]    { --cop-1:#f2c46b; --cop-2:#d4552f; --cop-3:#fff3d6; --cop-4:#e9a23f; }
.copertina[data-k="agriturismo"] { --cop-1:#cfe8b5; --cop-2:#3e8a52; --cop-3:#f2c94c; --cop-4:#87b86a; }
.copertina[data-k="quota"]       { --cop-1:#9cc8ec; --cop-2:#2f5d8a; --cop-3:#4f7fae; --cop-4:#c4e0f6; }
.copertina[data-k="bar"]         { --cop-1:#123150; --cop-2:#5ad1ff; --cop-3:#8b9bff; --cop-4:#1b4570; }
.copertina[data-k="veloce"]      { --cop-1:#ffe3ec; --cop-2:#ff9ab5; --cop-3:#ffc857; --cop-4:#c9f0e2; }
.copertina[data-k="ristorante"]  { --cop-1:#1d2350; --cop-2:#8b9bff; --cop-3:#ffc857; --cop-4:#2c3470; }