/* ==========================================================================
   megaBIZID — Sistem Desain Terpadu (Light Only)
   Dipakai bersama oleh landing page & seluruh deck presentasi.
   Satu palet, satu tipografi, satu bahasa visual.
   --------------------------------------------------------------------------
   Catatan: token lokal tiap deck sudah diselaraskan langsung di file masing-
   masing. File ini memegang token kanonik (--mb-*) + pemolesan lintas halaman.
   ========================================================================== */

:root{
  /* --- Warna merek --- */
  --mb-primary:#4361ee;
  --mb-primary-hover:#3751d4;
  --mb-primary-dark:#2f42ab;
  --mb-primary-light:#eef2ff;
  --mb-primary-glow:rgba(67,97,238,.28);

  --mb-violet:#8b5cf6;
  --mb-blue:#3b82f6;
  --mb-cyan:#06b6d4;
  --mb-emerald:#10b981;
  --mb-amber:#f59e0b;
  --mb-rose:#f43f5e;

  /* --- Permukaan --- */
  --mb-bg:#f8fafc;
  --mb-surface:#ffffff;
  --mb-subtle:#f1f5f9;
  --mb-glass:rgba(255,255,255,.85);

  /* --- Garis --- */
  --mb-border:#e2e8f0;
  --mb-border-soft:#edf2f7;

  /* --- Teks --- */
  --mb-text:#0f172a;
  --mb-text-soft:#334155;
  --mb-muted:#64748b;
  --mb-faint:#94a3b8;

  /* --- Navy struktural (sidebar / frame perangkat pada mockup) --- */
  --mb-navy:#0f172a;
  --mb-navy-2:#1e293b;

  /* --- Tipografi --- */
  --mb-font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mb-font-head:'Space Grotesk','Plus Jakarta Sans',sans-serif;

  /* --- Radius --- */
  --mb-r-sm:8px;
  --mb-r-md:14px;
  --mb-r-lg:20px;
  --mb-r-xl:28px;
  --mb-r-full:9999px;

  /* --- Bayangan --- */
  --mb-sh-sm:0 2px 4px rgba(15,23,42,.04);
  --mb-sh-md:0 8px 20px rgba(15,23,42,.06);
  --mb-sh-lg:0 16px 36px rgba(15,23,42,.09);
  --mb-sh-epic:0 24px 48px -12px rgba(67,97,238,.18),0 12px 24px -8px rgba(15,23,42,.08);

  /* --- Gradien --- */
  --mb-grad:linear-gradient(135deg,#4361ee 0%,#8b5cf6 100%);
  --mb-grad-soft:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);
}

/* --------------------------------------------------------------------------
   Kunci mode terang — tidak ada tema gelap di seluruh materi megaBIZID
   -------------------------------------------------------------------------- */
html{color-scheme:light only}

/* --------------------------------------------------------------------------
   Dasar bersama
   -------------------------------------------------------------------------- */
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

::selection{background:var(--mb-primary);color:#fff}

/* Scrollbar seragam di semua halaman */
*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}

/* Fokus keyboard yang konsisten & aksesibel */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--mb-primary);
  outline-offset:2px;
  border-radius:4px;
}

/* Tipografi judul seragam lintas deck */
h1,h2,h3,h4,h5,h6{
  font-family:var(--mb-font-head);
  letter-spacing:-.025em;
}

/* --------------------------------------------------------------------------
   Lencana merek bersama (dipakai di footer / header deck bila diperlukan)
   -------------------------------------------------------------------------- */
.mb-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:var(--mb-r-full);
  background:var(--mb-primary-light);color:var(--mb-primary);
  font-family:var(--mb-font);font-size:.78rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
}

/* --------------------------------------------------------------------------
   Cetak — bersih tanpa latar berat
   -------------------------------------------------------------------------- */
@media print{
  body{background:#fff!important}
  .no-print{display:none!important}
}

/* --------------------------------------------------------------------------
   Hormati preferensi gerak minimal
   -------------------------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}