/* Nexis Academy — shared multi-theme stylesheet.
   Base (no class) = Midnight (dark). Emerald accent is the brand constant across all themes;
   themes restyle backgrounds, surfaces, text and chrome. Video/footer ([data-dark]) zones stay dark. */

/* ============================ DAYLIGHT (sage / cream, light) ============================ */
html.theme-daylight [data-dark] { color: #e4e4e7; }
html.theme-daylight footer .border-zinc-800 { border-color: #ccd8e6 !important; }
html.theme-daylight body.bg-black { background-color: #eef3f9 !important; color: #36404a; }
html.theme-daylight .bg-black:not([data-dark]):not([data-dark] *) { background-color: #f7f9fc !important; }
html.theme-daylight .bg-zinc-950:not([data-dark]):not([data-dark] *) { background-color: #eef3f9 !important; }
html.theme-daylight h1:not([data-dark] *), html.theme-daylight h2:not([data-dark] *),
html.theme-daylight h3:not([data-dark] *), html.theme-daylight h4:not([data-dark] *) { color: #16202e; }
html.theme-daylight .text-zinc-200:not([data-dark] *), html.theme-daylight .text-zinc-300:not([data-dark] *) { color: #36404a !important; }
html.theme-daylight .text-zinc-400:not([data-dark] *) { color: #5b6573 !important; }
html.theme-daylight .text-zinc-500:not([data-dark] *) { color: #6b7480 !important; }
html.theme-daylight span.text-white:not([data-dark] *) { color: #16202e !important; }
html.theme-daylight input.text-white:not([data-dark] *), html.theme-daylight select.text-white:not([data-dark] *), html.theme-daylight textarea.text-white:not([data-dark] *) { color: #16202e !important; }
html.theme-daylight .border-emerald-900\/30:not([data-dark] *), html.theme-daylight .border-emerald-900\/40:not([data-dark] *) { border-color: #ccd8e6 !important; }
html.theme-daylight #navbar { background: rgba(243,246,250,0.97) !important; border-color: #ccd8e6 !important; }
html.theme-daylight #navbar .text-zinc-300 { color: #36404a !important; }
html.theme-daylight #mobile-menu { background: #f3f6fa !important; }
html.theme-daylight #mobile-menu a { color: #36404a; }

/* ============================ SLATE (soft dark, cooler than black) ============================ */
html.theme-slate body.bg-black { background-color: #0f1729 !important; color: #cbd5e1; }
html.theme-slate .bg-black:not([data-dark]):not([data-dark] *) { background-color: #0f1729 !important; }
html.theme-slate .bg-zinc-950:not([data-dark]):not([data-dark] *) { background-color: #1b2740 !important; }
html.theme-slate h1:not([data-dark] *), html.theme-slate h2:not([data-dark] *),
html.theme-slate h3:not([data-dark] *), html.theme-slate h4:not([data-dark] *) { color: #f1f5f9; }
html.theme-slate .text-zinc-200:not([data-dark] *), html.theme-slate .text-zinc-300:not([data-dark] *) { color: #cbd5e1 !important; }
html.theme-slate .text-zinc-400:not([data-dark] *) { color: #94a3b8 !important; }
html.theme-slate .text-zinc-500:not([data-dark] *) { color: #7c8aa0 !important; }
html.theme-slate #navbar { background: rgba(15,23,41,0.95) !important; border-color: #243049 !important; }
html.theme-slate .bg-black\/40:not([data-dark] *), html.theme-slate .bg-black\/45:not([data-dark] *), html.theme-slate .bg-black\/55:not([data-dark] *) { background-color: rgba(15,23,41,0.55) !important; }
html.theme-slate #mobile-menu { background: #0f1729 !important; }

/* ============================ SEPIA (warm light, easy on the eyes) ============================ */
html.theme-sepia [data-dark] { color: #efe6d2; }
html.theme-sepia footer .border-zinc-800 { border-color: #e0d2b4 !important; }
html.theme-sepia body.bg-black { background-color: #f1e7d0 !important; color: #4a3f30; }
html.theme-sepia .bg-black:not([data-dark]):not([data-dark] *) { background-color: #fbf4e4 !important; }
html.theme-sepia .bg-zinc-950:not([data-dark]):not([data-dark] *) { background-color: #f3e9d4 !important; }
html.theme-sepia h1:not([data-dark] *), html.theme-sepia h2:not([data-dark] *),
html.theme-sepia h3:not([data-dark] *), html.theme-sepia h4:not([data-dark] *) { color: #3a2f20; }
html.theme-sepia .text-zinc-200:not([data-dark] *), html.theme-sepia .text-zinc-300:not([data-dark] *) { color: #4a3f30 !important; }
html.theme-sepia .text-zinc-400:not([data-dark] *) { color: #6b5d49 !important; }
html.theme-sepia .text-zinc-500:not([data-dark] *) { color: #7d6f59 !important; }
html.theme-sepia span.text-white:not([data-dark] *) { color: #3a2f20 !important; }
html.theme-sepia input.text-white:not([data-dark] *), html.theme-sepia select.text-white:not([data-dark] *), html.theme-sepia textarea.text-white:not([data-dark] *) { color: #3a2f20 !important; }
html.theme-sepia .border-emerald-900\/30:not([data-dark] *), html.theme-sepia .border-emerald-900\/40:not([data-dark] *) { border-color: #ddcba6 !important; }
html.theme-sepia #navbar { background: rgba(247,239,221,0.97) !important; border-color: #ddcba6 !important; }
html.theme-sepia #navbar .text-zinc-300 { color: #4a3f30 !important; }
html.theme-sepia #mobile-menu { background: #f7efdd !important; }
html.theme-sepia #mobile-menu a { color: #4a3f30; }

/* Theme picker popover */
#nx-theme-pop { position: fixed; z-index: 90; }
.nx-swatch { width: 100%; display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:12px; cursor:pointer; border:1px solid transparent; }
.nx-swatch:hover { background: rgba(16,185,129,0.10); }
.nx-dot { width:22px; height:22px; border-radius:50%; flex:none; border:1px solid rgba(0,0,0,0.15); }

/* deepen emerald TEXT on light themes for readable contrast (accent fills/borders stay vivid) */
html.theme-daylight .text-emerald-400:not([data-dark] *) { color: #003366 !important; }
html.theme-sepia .text-emerald-400:not([data-dark] *) { color: #047857 !important; }
html.theme-daylight .text-emerald-300:not([data-dark] *) { color: #003366 !important; }
html.theme-sepia .text-emerald-300:not([data-dark] *) { color: #065f46 !important; }
html.theme-daylight .text-emerald-700:not([data-dark] *) { color: #003366 !important; }
html.theme-sepia .text-emerald-700:not([data-dark] *) { color: #047857 !important; }