/* ================================================================
   THEME.CSS - satu tema untuk semua subdomain, mengikuti homepage
   (engbreaker.com): nav putih, aksen biru, teks ink, Fraunces + Inter.
   Dimuat paling akhir; menimpa aksen navy/emas lama dari index.html,
   tools.css, dan latex-studio.css tanpa mengubah tata letaknya.
   ================================================================ */

:root {
  --navy: #10233b;              /* = --landing-ink */
  --navy-soft: #334a63;
  --sky: #f5f8fc;               /* = --landing-soft */
  --line: #dce5ef;
  --muted: #536981;
  --accent: #175cd3;            /* = --landing-blue */
  --accent-dark: #0f3f9e;
  --accent-soft: #edf5ff;
}

/* ---------- Navigasi: selalu gaya homepage (putih) ---------- */
#siteNav {
  color: var(--navy);
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(16, 35, 59, .08);
  box-shadow: 0 8px 30px rgba(16, 35, 59, .04);
}
#siteNav .logo em { color: var(--accent); }
.menu button { color: #536981; white-space: nowrap; }
.menu button:hover { color: var(--navy); background: #eef3f9; }
.menu button.aktif { color: #fff; background: var(--accent); }
.menu button:focus-visible { outline-color: var(--accent); }
.menu button.premium-locked { color: #9a6c14; }
.menu .pemisah { background: var(--line); }
.lang-switch { background: #eef3f9; }
.lang-switch button { color: #536981; }
.lang-switch button.aktif { color: #fff; background: var(--accent); }
.lang-switch button:focus-visible { outline-color: var(--accent); }
.app-switch summary { background: #eef3f9; color: #536981; }
.app-switch summary:hover, .app-switch details[open] summary { color: var(--navy); }
.app-switch summary:focus-visible { outline-color: var(--accent); }
.site-tag { background: var(--accent-soft); color: var(--accent); }
.app-switch-icon { background: var(--accent); }

/* ---------- Tombol & form ---------- */
.btn-primary, .btn-mulai {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 8px 18px rgba(23, 92, 211, .16);
}
.btn-primary:hover, .btn-mulai:hover { background: var(--accent-dark); }
.btn-mulai.ulang { background: #fff; color: var(--navy-soft); box-shadow: none; }
.btn:focus-visible { outline-color: var(--accent); }
input:focus, select:focus, textarea:focus { outline-color: var(--accent); }
.tautan { color: var(--accent); }

/* ---------- Aksen emas lama -> biru ---------- */
.auth-card .brand-besar em, .hero h1 em { color: var(--accent); }
.hero .eyebrow { color: var(--accent); }
.practice .nomor { background: var(--accent-soft); color: var(--accent); }
.practice-head:focus-visible { outline-color: var(--accent); }
.tool-card.aktif { outline-color: var(--accent); border-color: #aebfd2; }
.tool-icon { background: var(--accent); color: #fff; }
.ai-mode button.aktif { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); background: var(--accent-soft); }
.check-bar { border-top-color: var(--accent); }
.exercise-instruction { border-left-color: var(--accent); background: var(--accent-soft); }
.source-link { color: var(--accent); }

/* Menu panjang (admin) tetap satu baris: rapatkan di layar menengah, geser tanpa scrollbar */
#siteNav { scrollbar-width: none; }
#siteNav::-webkit-scrollbar { display: none; }
@media (max-width: 1180px) {
  #siteNav:not(.public-nav) .nav-inner { gap: 10px; }
  .menu button { padding: 7px 9px; font-size: .8rem; }
}
#halamanHub.aktif, #halamanIntro.aktif { min-height: calc(100vh - 72px); }

/* ================================================================
   LaTeX Studio: tema terang, sama dengan homepage
   (putih, garis tipis, aksen biru; editor kode tetap mudah dibaca)
   ================================================================ */
#halamanLatex.aktif { background: var(--sky); }

/* Toolbar */
.latex-toolbar { color: var(--navy); background: #fff; border-top: 0; border-bottom: 1px solid var(--line); box-shadow: 0 6px 20px rgba(16, 35, 59, .04); }
.latex-toolbar .latex-back,
.latex-toolbar .latex-tool-button { color: var(--navy-soft); background: #fff; border-color: var(--line); }
.latex-toolbar .latex-tool-button:hover,
.latex-toolbar .latex-back:hover { color: var(--navy); background: #eef3f9; border-color: #cfd9e5; }
.latex-toolbar .latex-tool-button:disabled { opacity: .5; }
.latex-toolbar .latex-compile { color: #fff; background: var(--accent); border-color: var(--accent); box-shadow: 0 8px 18px rgba(23, 92, 211, .18); }
.latex-toolbar .latex-compile:hover { color: #fff; background: var(--accent-dark); border-color: var(--accent-dark); }
.latex-toolbar .latex-ai-button { color: var(--accent); background: var(--accent-soft); border-color: #cddff8; }
.latex-toolbar .latex-ai-button:hover { color: var(--accent-dark); background: #e0edff; border-color: #b7d0f5; }
.latex-project-heading strong { color: var(--navy); }
.latex-project-heading small { color: var(--muted); }
.latex-project-dot { background: #23a47b; box-shadow: 0 0 0 3px rgba(35, 164, 123, .15); }
.lx-hadir-teks { color: var(--muted); }
.latex-hadir .lx-avatar { border-color: #fff; }

/* Panel file & outline */
.latex-file-panel { border-right-color: var(--line); }
.latex-panel-title, .latex-preview-head { color: var(--navy-soft); background: #fbfcfe; border-bottom-color: var(--line); }
.latex-file-item { color: var(--navy-soft); }
.latex-file-item:hover { background: #f1f5fa; }
.latex-file-item.active { color: var(--accent); background: var(--accent-soft); }
.latex-file-item.active .latex-file-symbol { color: var(--accent); }
.latex-mini-button:hover { color: var(--accent); background: var(--accent-soft); }
.latex-outline { background: #fff; border-top-color: var(--line); }
.latex-outline button:hover { color: var(--accent); background: #f1f5fa; }

/* Editor kode (terang) */
.latex-editor-panel { color: var(--navy); background: #fff; border-right-color: var(--line); }
.latex-editor-tabs { background: #fbfcfe; border-bottom-color: var(--line); }
.latex-editor-tab { color: var(--navy); background: #fff; border-top-color: var(--accent); border-right-color: var(--line); font-weight: 600; }
.latex-line-numbers { color: #9aa9bb; background: #fbfcfe; border-right-color: #edf1f6; }
.latex-source { color: #1b2d44; background: #fff; caret-color: var(--accent); }
.latex-source::selection { background: #cfe0fb; }
.latex-editor-status { color: var(--muted); background: #fbfcfe; border-top-color: var(--line); }
.latex-readonly { color: var(--accent); background: var(--accent-soft); }

/* Log kompilasi */
.latex-log-panel { color: var(--navy); background: #fff; border-top-color: var(--line); box-shadow: 0 -12px 30px rgba(16, 35, 59, .1); }
.latex-log-head { border-bottom-color: var(--line); color: var(--navy-soft); }
.latex-log-output { color: #334a63; background: #fbfcfe; }

/* Pratinjau PDF */
.latex-preview-panel, .latex-pdf-frame { background: #eef3f9; }
.latex-empty-preview { color: var(--muted); }
.latex-empty-preview strong { color: var(--navy); }

/* Tab ponsel */
.latex-mobile-tabs button.active { color: #fff; background: var(--accent); }