/* =====================
   BASE
===================== */
body.dark {
    background-color: #020617;
    color: #e5e7eb;
}

/* =====================
   HEADER / FOOTER
===================== */
body.dark header,
body.dark footer {
    background: linear-gradient(135deg, #020617, #020617);
    color: #e5e7eb;
}

/* =====================
   NAV
===================== */
body.dark nav {
    background-color: #020617;
    border-bottom: 1px solid #1e293b;
}

body.dark nav a {
    color: #93c5fd;
}

body.dark nav a:hover {
    background-color: #1e293b;
    color: #e5e7eb;
}

/* =====================
   SECTIONS / CARD
===================== */
body.dark section {
    background-color: #020617;
    border: 1px solid #1e293b;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

/* =====================
   TITOLI
===================== */
body.dark h1,
body.dark h2,
body.dark h3 {
    color: #93c5fd;
}

/* =====================
   TESTO
===================== */
body.dark p,
body.dark li,
body.dark label {
    color: #e5e7eb;
}

/* =====================
   LINK
===================== */
body.dark a {
    color: #60a5fa;
}

/* =====================
   FORM
===================== */
body.dark input,
body.dark textarea {
    background-color: #020617;
    color: #e5e7eb;
    border: 1px solid #1e293b;
}

body.dark input:focus,
body.dark textarea:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96,165,250,0.3);
}

/* =====================
   TABLE
===================== */
body.dark table {
    border-color: #1e293b;
}

body.dark th {
    background-color: #020617;
    color: #93c5fd;
}

body.dark td {
    background-color: #020617;
}

/* =====================
   IFRAME LIVE PREVIEW
===================== */
body.dark iframe {
    background-color: #020617;
    border: 1px solid #1e293b;
}

/* ====================
   QUIZ
==================== */
body.dark .quiz-question {
    background-color: #020617;
    border-color: #1e293b;
}

body.dark .quiz-intro {
    color: #94a3b8;
}