/* SIM Sarpras — token desain bersama (font, warna, radius, bayangan)
   Dimuat paling awal oleh semua halaman: admin, login, publik, installer. */

@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 200 800; font-style: normal; font-display: swap; src: url('../fonts/plus-jakarta-sans-latin-var.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-weight: 100 900; font-style: normal; font-display: swap; src: url('../fonts/fraunces-latin-soft-var.woff2') format('woff2'); }

:root {
  /* Tipografi */
  --font-ui: 'Plus Jakarta Sans', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

  /* Permukaan */
  --mist: #f3f6fa;          /* latar halaman */
  --mist-2: #eaf0f6;        /* latar sekunder / hover lembut */
  --paper: #ffffff;         /* kartu */
  --paper-2: #f8fafc;       /* kepala tabel, area tenang */
  --line: #e3e9f0;          /* garis tegas */
  --line-soft: #edf1f6;     /* garis halus */

  /* Tinta */
  --ink: #182337;
  --ink-2: #364559;
  --muted: #66768b;
  --faint: #93a1b3;

  /* Merek: biru pelabuhan (Harbor) + kuningan (Brass) dari lambang sekolah */
  --harbor-50: #edf2f9;
  --harbor-100: #dce6f3;
  --harbor-200: #bbcde6;
  --harbor-400: #6283b8;
  --harbor-500: #44669f;
  --harbor-600: #3a5a94;
  --harbor-700: #2e4a7d;
  --harbor-800: #243b66;
  --harbor-900: #1a2c4d;
  --brass: #c49a45;
  --brass-ink: #8a6a1f;
  --brass-tint: #faf3e2;

  /* Status */
  --sea: #2f8473;     --sea-tint: #e5f4ef;     --sea-line: #cfe7e0;
  --amber: #b97f17;   --amber-tint: #fbf0d8;   --amber-line: #f0dfb8;
  --rose: #c13f59;    --rose-tint: #fbe8ec;    --rose-line: #f4cdd5;
  --info: #3a62a8;    --info-tint: #e8f0fb;    --info-line: #d3e1f4;
  --violet: #6d5bb5;  --violet-tint: #eeeaf9;  --violet-line: #ddd6f1;

  /* Bentuk bertingkat: kontrol < kartu < panel besar */
  --r-ctl: 10px;
  --r-card: 16px;
  --r-panel: 22px;

  /* Bayangan lembut, berwarna tinta (bukan abu-abu mati) */
  --sh-1: 0 1px 2px rgba(24, 35, 55, .04), 0 1px 3px rgba(24, 35, 55, .03);
  --sh-2: 0 10px 28px -14px rgba(24, 35, 55, .16), 0 2px 6px rgba(24, 35, 55, .04);
  --sh-3: 0 24px 48px -20px rgba(24, 35, 55, .22), 0 4px 12px rgba(24, 35, 55, .05);

  --ease: cubic-bezier(.22, 1, .36, 1);
}

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