/* TEMA NLS "Akademik" (dipilih pemilik 14 Nov 2026; aksen merah tua seperti logo OSN, bukan merah terang) — SATU sumber warna, huruf, sudut & bayangan untuk semua halaman.
   Komponen bersama (header, footer, dst.) hanya boleh memakai var(--nls-*) dari file ini, bukan kode warna sendiri.
   Mode gelap mengikuti kelas html.dark (diatur theme.js). Penjaga: tests/test_tema_akademik.mjs. */
:root {
    /* Permukaan */
    --nls-bg: #f4f5f7;
    --nls-surface: #ffffff;
    --nls-soft: #e8edf3;
    --nls-line: #d9dee5;
    /* Teks */
    --nls-text: #16202c;
    --nls-muted: #5a6573;
    /* Warna utama (navy) & aksen (merah tua) */
    --nls-primary: #1e3a5f;
    --nls-primary-hover: #152b47;
    --nls-on-primary: #ffffff;
    --nls-accent: #a92b35;
    --nls-accent-hover: #8f222b;
    --nls-on-accent: #ffffff;
    /* Isian padat (latar tombol/blok bertulisan putih) — tetap gelap di mode gelap */
    --nls-primary-solid: #1e3a5f;
    --nls-accent-solid: #a92b35;
    --nls-on-accent-solid: #ffffff; /* tulisan di atas latar merah padat: selalu putih */
    /* Status */
    --nls-ok: #1f7a4d;
    --nls-ok-bg: #e3f3ea;
    /* Footer (selalu gelap) */
    --nls-footer: #1e2a38;
    --nls-footer-ink: #c3ccd7;
    --nls-footer-link: #e9edf2;
    --nls-footer-head: #ffffff;
    --nls-footer-icon: #f0a3a9;
    --nls-on-dark-link: #a9c5e6;
    --nls-footer-line: rgba(255, 255, 255, 0.14);
    --nls-footer-round: rgba(255, 255, 255, 0.10);
    --nls-footer-round-hover: rgba(255, 255, 255, 0.20);
    /* Warna TETAP (tidak berubah di mode gelap) untuk CSS halaman lama yang dulu memakai kode warna langsung.
       Dipakai lib/nls-tema-isi.css & CSS halaman hasil scripts/tema-isi.mjs, agar perilaku terang/gelap halaman tetap seperti semula. */
    --nls-c-navy: #1e3a5f; --nls-c-navy-2: #2f5179; --nls-c-red: #a92b35; --nls-c-footer: #1e2a38; --nls-c-text: #16202c;
    --nls-c-soft: #e8edf3; --nls-c-line: #d9dee5; --nls-c-on-dark: #a9c5e6;
    --nls-c-dk-bg: #0e1217; --nls-c-dk-surface: #161c24; --nls-c-dk-soft: #1c2733; --nls-c-dk-line: #263140; --nls-c-dk-text: #e9edf2;
    --nls-c-dk-primary: #8fb3dd; --nls-c-dk-red: #e0868d; --nls-c-dk-red-solid: #b33a44;
    /* Huruf */
    --nls-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --nls-font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
    /* Bentuk */
    --nls-radius: 8px;
    --nls-radius-pill: 9999px;
    --nls-shadow-sm: 0 1px 2px rgba(22, 32, 44, 0.06);
    --nls-shadow-md: 0 6px 18px rgba(22, 32, 44, 0.10);
}
html.dark {
    --nls-bg: #0e1217;
    --nls-surface: #161c24;
    --nls-soft: #1c2733;
    --nls-line: #263140;
    --nls-text: #e9edf2;
    --nls-muted: #9aa6b4;
    --nls-primary: #8fb3dd;
    --nls-primary-hover: #a9c5e6;
    --nls-on-primary: #0e1217;
    --nls-accent: #e0868d;
    --nls-accent-hover: #eaa1a7;
    --nls-on-accent: #2a0a0d;
    --nls-primary-solid: #2f5179;
    --nls-accent-solid: #b33a44;
    --nls-on-accent-solid: #ffffff;
    --nls-ok: #5fc28f;
    --nls-ok-bg: #12301f;
    --nls-footer: #0a0d11;
    --nls-footer-ink: #9aa6b4;
    --nls-footer-link: #c3ccd7;
    --nls-footer-head: #e9edf2;
    --nls-footer-icon: #e0868d;
    --nls-on-dark-link: #a9c5e6;
    --nls-footer-line: rgba(255, 255, 255, 0.10);
    --nls-footer-round: rgba(255, 255, 255, 0.08);
    --nls-footer-round-hover: rgba(255, 255, 255, 0.16);
    --nls-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --nls-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
}