/* ==========================================================
   base.css
   Variabel warna, reset dasar, dan tipografi yang dipakai
   di SEMUA halaman (dashboard, login, register).
   ========================================================== */

:root{
  /* Warna dasar & latar */
  --bg: #F2F5FC;
  --white: #FFFFFF;
  --border: #E8ECF7;

  /* Gradasi biru (sidebar, panel visual, tombol) */
  --sidebar-start: #86A6F5;
  --sidebar-mid: #6684E8;
  --sidebar-end: #4C5FC7;
  --sidebar-active-bg: rgba(255,255,255,0.18);
  --sidebar-text: #E4EAFC;
  --sidebar-text-dim: #C3CDF2;

  /* Warna aksen */
  --accent: #6C8EEF;
  --accent-2: #8DA9F7;
  --accent-soft: #EAF0FE;

  /* Teks */
  --text-dark: #2B3352;
  --text-muted: #8A93B2;

  /* Status */
  --danger: #E4573D;
  --success: #34B37A;

  /* Bayangan & ukuran layout */
  --shadow: 0 8px 24px rgba(76, 98, 175, 0.08);
  --sidebar-w: 264px;
  --topbar-h: 68px;
}

*{
  box-sizing: border-box;
}

html, body{
  height: 100%;
}

body{
  margin: 0;
  font-family: 'Inter', sans-serif;
  background: var(--bg);
  color: var(--text-dark);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .brand-name, .nav-label{
  font-family: 'Plus Jakarta Sans', sans-serif;
}

a{
  color: inherit;
}