@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter-400.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Skala seluruh ukuran huruf. Semua font-size ditulis
     `calc(Npx * var(--skala-font))`, jadi mengubah angka ini saja sudah
     mengubah seluruh aplikasi — tidak perlu menyisir 61 deklarasi lagi. */
  --skala-font: 1;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --bg: #f7f9fc;
  --surface: #ffffff;
  --border: #e5e9f0;

  --text: #0f172a;
  --text-muted: #64748b;
  --text-subtle: #94a3b8;

  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;

  --sidebar-bg: #0a1a33;
  --sidebar-text: #94a3b8;
  --sidebar-submenu-active: #16305a;

  --sukses-fg: #166534;   --sukses-bg: #dcfce7;
  --peringatan-fg: #92400e; --peringatan-bg: #fef3c7;
  --jingga-fg: #9a3412;   --jingga-bg: #ffedd5;
  --bahaya-fg: #b91c1c;   --bahaya-bg: #fee2e2;
  --ungu-fg: #7c3aed;     --ungu-bg: #ede9fe;
  --netral-fg: #475569;   --netral-bg: #f1f5f9;

  --pastel-biru: #dbeafe;
  --pastel-hijau: #dcfce7;
  --pastel-ungu: #ede9fe;
  --pastel-jingga: #ffedd5;
  --pastel-merah: #fee2e2;
  --pastel-netral: #f1f5f9;

  --radius-kartu: 12px;
  --radius-kontrol: 8px;
  --bayangan: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);

  --sidebar-lebar: 225px;
  --topbar-tinggi: 64px;
}