:root {
  --night: #07060f;
  --v900: #2e1065;
  --v800: #4c1d95;
  --v700: #5b21b6;
  --v600: #7c3aed;
  --v500: #8b5cf6;
  --v400: #a78bfa;
  --v300: #c4b5fd;
  --v200: #ddd6fe;
  --v100: #ede9fe;
  --pink: #e879f9;
  --cyan: #22d3ee;

  /* Corpo delle finestre: vetro scuro, non piu' pannelli bianchi */
  --win-bg: #0d0c18;
  --win-panel: #14131f;
  --win-text: #ece9f7;
  --win-muted: #a29dbd;
  --win-line: rgba(255, 255, 255, 0.1);

  --ok: #34d399;
  --bad: #fb7185;

  /* Vetro: lucentezza e profondita' sopra pannelli e pulsanti scuri */
  --glass-hi: rgba(255, 255, 255, 0.16);
  --glass-hi-soft: rgba(255, 255, 255, 0.08);
  --glass-lo: rgba(0, 0, 0, 0.35);
  --glass-edge: rgba(167, 139, 250, 0.5);
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Tahoma, Verdana, sans-serif;
  --mono: "DM Mono", ui-monospace, Menlo, Consolas, monospace;
  --ease: cubic-bezier(.2, .8, .3, 1);
  --ease-out: cubic-bezier(.23, 1, .32, 1);         /* arrivi: parte forte, si posa piano */
  --ease-move: cubic-bezier(.77, 0, .175, 1);       /* movimenti sullo schermo */

  --task-h: 50px;

  /* Elementi che cambiano col tema */
  color-scheme: dark;
  --wallpaper: url("/assets/wallpaper.svg");
  --fill-1: rgba(255, 255, 255, 0.03);
  --fill-2: rgba(255, 255, 255, 0.06);
  --fill-3: rgba(255, 255, 255, 0.10);
  --ink-hi: #fff;
  --icon-label: #fff;
  --icon-shadow: 1px 1px 2px #000, 0 0 3px #000;
  --bar-bg: rgba(13, 12, 24, 0.82);
  --menu-bg: #100f1a;
  --stat-grad: linear-gradient(135deg, #fff, var(--v300));
  --shadow-win: 10px 20px 50px rgba(0, 0, 0, 0.55);
  --shadow-win-off: 4px 8px 20px rgba(0, 0, 0, 0.4);
  --shadow-bar: 0 -6px 24px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 20px 60px rgba(0, 0, 0, 0.55);
  --tag-fg: #fed7aa; --live: #4ade80; --st-pend: #fde68a; --st-ok: #86efac; --st-bad: #fca5a5;
}

/* ── Tema chiaro: carta perlata con un velo di lavanda, inchiostro indaco, viola piu' profondo per il testo ── */
:root[data-theme="light"] {
  color-scheme: light;
  --night: #f3f0fc;
  --wallpaper: url("/assets/wallpaper-light.svg");
  --win-bg: #fbfaff;
  --win-panel: #ffffff;
  --win-text: #1a1633;
  --win-muted: #5f5a7c;
  --win-line: rgba(60, 40, 130, 0.13);
  --glass-hi: rgba(255, 255, 255, 0.95);
  --glass-hi-soft: rgba(255, 255, 255, 0.8);
  --glass-lo: rgba(60, 40, 130, 0.18);
  --glass-edge: rgba(109, 53, 232, 0.4);
  --ok: #047857;
  --bad: #be123c;
  --fill-1: rgba(60, 40, 130, 0.035);
  --fill-2: rgba(60, 40, 130, 0.06);
  --fill-3: rgba(60, 40, 130, 0.09);
  --ink-hi: #120e2b;
  --icon-label: #1a1633;
  --icon-shadow: 0 0 8px rgba(255, 255, 255, 0.95), 0 0 2px rgba(255, 255, 255, 0.95);
  --bar-bg: rgba(255, 255, 255, 0.72);
  --menu-bg: #ffffff;
  --stat-grad: linear-gradient(135deg, #1a1633, #6d35e8);
  --shadow-win: 0 2px 6px rgba(50, 30, 120, 0.1), 0 26px 56px -16px rgba(50, 30, 120, 0.36);
  --shadow-win-off: 0 1px 3px rgba(50, 30, 120, 0.08), 0 12px 28px -12px rgba(50, 30, 120, 0.24);
  --shadow-bar: 0 -1px 0 rgba(255, 255, 255, 0.8), 0 -8px 28px -10px rgba(50, 30, 120, 0.2);
  --shadow-pop: 0 2px 6px rgba(50, 30, 120, 0.1), 0 24px 56px -14px rgba(50, 30, 120, 0.34);
  --v300: #5b21b6;   /* testo accentato: sul chiaro serve il viola scuro */
  --v400: #7c3aed;
  --tag-fg: #9a3412; --live: #047857; --st-pend: #92400e; --st-ok: #047857; --st-bad: #be123c;
}