/* =========================
   TEMA CARTOON
   Ispirazione: colori saturi, arancione/viola, look playful.
   ========================= */

html[data-theme="cartoon-light"] {
  --bg-color: radial-gradient(circle at top, #fff7ed 0, #fffbeb 40%, #fefce8 100%);
  --text-color: #1f2933;
  --heading-color: #111827;

  --primary-color: #f97316;             /* arancione intenso */
  --primary-color-darker: #ea580c;
  --primary-color-soft: rgba(249, 115, 22, 0.22);

  --card-bg: #ffffff;
  --card-border: #fed7aa;
  --card-shadow: 0 6px 0 #f97316;       /* effetto “cartonetto” */

  --input-bg: #fffaf0;
  --input-border: #fed7aa;
  --input-focus-border: #f97316;
  --input-focus-ring: rgba(249, 115, 22, 0.28);

  --button-bg: #f97316;
  --button-text: #111827;
  --button-hover-bg: #fb923c;

  /* Vetro meno “vetro” e più pannelli solidi */
  --glass-bg: #fff7ed;
  --glass-border: #fed7aa;
  --glass-blur: 4px;
  --glass-shadow: 0 6px 0 #ea580c;

  /* Blobs colorati, cartoon */
  --blob-blue: #a5b4fc;      /* lilla/blu */
  --blob-fuchsia: #fb7185;   /* rosa acceso */
  --blob-yellow: #facc15;    /* giallo brillante */

  --nav-inactive: #9ca3af;
  --nav-active: #1f2933;
  --nav-border-color: #fed7aa;
  --nav-bg-blur: rgba(255, 247, 237, 0.9);
  --nav-accent-color: #f97316;

  --footer-bg: #fff7ed;
  --footer-text: #4b5563;
  --footer-link: #6b7280;
  --footer-link-hover: #f97316;
  --footer-border-top: #fed7aa;

  --footer-whatsapp: #22c55e;
  --footer-telegram: #0ea5e9;
  --footer-facebook: #fb7185;

  --footer-highlight-bg: #ffedd5;
}

html[data-theme="cartoon-dark"] {
  --bg-color: radial-gradient(circle at top, #1e1b4b 0, #020617 45%, #020617 100%);
  --text-color: #f9fafb;
  --heading-color: #fef3c7;

  --primary-color: #fb7185;             /* rosa/rosso acceso */
  --primary-color-darker: #f43f5e;
  --primary-color-soft: rgba(251, 113, 133, 0.25);

  --card-bg: #020617;
  --card-border: #fb7185;
  --card-shadow: 0 6px 0 #fb7185;

  --input-bg: #020617;
  --input-border: #fb7185;
  --input-focus-border: #f97316;
  --input-focus-ring: rgba(249, 115, 22, 0.3);

  --button-bg: #f97316;
  --button-text: #020617;
  --button-hover-bg: #fb923c;

  --glass-bg: #020617;
  --glass-border: #fb7185;
  --glass-blur: 0px;
  --glass-shadow: 0 6px 0 #fb7185;

  --blob-blue: #4f46e5;
  --blob-fuchsia: #fb7185;
  --blob-yellow: #fde047;

  --nav-inactive: #9ca3af;
  --nav-active: #fef3c7;
  --nav-border-color: #4b5563;
  --nav-bg-blur: rgba(15, 23, 42, 0.95);
  --nav-accent-color: #f97316;

  --footer-bg: #020617;
  --footer-text: #e5e7eb;
  --footer-link: #9ca3af;
  --footer-link-hover: #fb7185;
  --footer-border-top: #4b5563;

  --footer-whatsapp: #22c55e;
  --footer-telegram: #0ea5e9;
  --footer-facebook: #fb7185;

  --footer-highlight-bg: #111827;
}