/* ================= THEME: MODERN (default) ================= */
[data-theme="modern"] {
    --bg: #f4f6fb;
    --card-bg: #ffffff;
    --text: #0a1a3c;
    --text-muted: #5b6b8c;
    --border: #e2e7f2;
    --accent: #0b2559;
    --accent-solid: #0b2559;
    --accent-gradient: linear-gradient(135deg,#0b2559,#1e4fa3);
    --accent-shadow: rgba(11,37,89,.3);
    --icon-bg: #eef1f9;
    --icon-color: #0b2559;
}

/* ================= THEME: DARK ================= */
[data-theme="dark"] {
    --bg: #0f1115;
    --card-bg: #181b22;
    --text: #f3f4f6;
    --text-muted: #9ca3af;
    --border: #262a33;
    --accent: #38bdf8;
    --accent-solid: #38bdf8;
    --accent-gradient: linear-gradient(135deg,#0ea5e9,#6366f1);
    --accent-shadow: rgba(56,189,248,.3);
    --icon-bg: #20242c;
    --icon-color: #38bdf8;
}

/* ================= THEME: ELEGANT (gold & dark) ================= */
[data-theme="elegant"] {
    --bg: #1c1a16;
    --card-bg: #242119;
    --text: #f5eee1;
    --text-muted: #b8ab8f;
    --border: #3a3527;
    --accent: #d4af37;
    --accent-solid: #d4af37;
    --accent-gradient: linear-gradient(135deg,#b8860b,#d4af37);
    --accent-shadow: rgba(212,175,55,.3);
    --icon-bg: #2f2b20;
    --icon-color: #d4af37;
}

/* ================= THEME: NATURE (green) ================= */
[data-theme="nature"] {
    --bg: #eefbf0;
    --card-bg: #ffffff;
    --text: #1b3a24;
    --text-muted: #557a5f;
    --border: #dcf2df;
    --accent: #2e7d32;
    --accent-solid: #2e7d32;
    --accent-gradient: linear-gradient(135deg,#43a047,#a5d6a7);
    --accent-shadow: rgba(46,125,50,.3);
    --icon-bg: #e6f6e8;
    --icon-color: #2e7d32;
}

/* ================= THEME: NAVY (biru dongker & putih) ================= */
[data-theme="navy"] {
    --bg: #eef1ff;
    --card-bg: #ffffff;
    --text: #1f2233;
    --text-muted: #6b7280;
    --border: #ecebf7;
    --accent: #6366f1;
    --accent-solid: #6366f1;
    --accent-gradient: linear-gradient(135deg,#6366f1,#a855f7);
    --accent-shadow: rgba(99,102,241,.35);
    --icon-bg: #f3f2fd;
    --icon-color: #4f46e5;
}

/* ================= THEME: MINIMAL (grayscale) ================= */
[data-theme="minimal"] {
    --bg: #fafafa;
    --card-bg: #ffffff;
    --text: #111111;
    --text-muted: #757575;
    --border: #eaeaea;
    --accent: #111111;
    --accent-solid: #111111;
    --accent-gradient: linear-gradient(135deg,#2b2b2b,#555555);
    --accent-shadow: rgba(0,0,0,.15);
    --icon-bg: #f0f0f0;
    --icon-color: #111111;
}