/* token.css — satu sumber untuk font, warna, ukuran, bayangan. Dipakai SEMUA halaman
   (termasuk halaman Masuk). Ubah nilai di sini, bukan di file komponen/halaman. */

/* Font di-host sendiri (lisensi SIL OFL, ../font/LICENSE.txt): tanpa koneksi ke Google,
   CSP lebih ketat, tampilan tak bergantung jaringan pihak ketiga. Variable font:
   satu file mencakup berat 400-700. latin-ext hanya diunduh bila teksnya memerlukan. */
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url(../font/source-sans-3-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'Source Sans 3'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url(../font/source-sans-3-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* italic: kutipan teks putusan (cuplikan di daftar hasil) */
@font-face { font-family:'Source Sans 3'; font-style:italic; font-weight:400 700; font-display:swap;
  src:url(../font/source-sans-3-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'Source Sans 3'; font-style:italic; font-weight:400 700; font-display:swap;
  src:url(../font/source-sans-3-italic-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'Source Serif 4'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url(../font/source-serif-4-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'Source Serif 4'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url(../font/source-serif-4-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --sans:'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif:'Source Serif 4', Georgia, serif;

  /* warna merek */
  --navy:#16375E; --navy-tua:#0E2745; --navy-pekat:#10243F;
  --navy-muda:#EAF0F7;        /* latar chip/tombol lembut bernuansa navy */
  --navy-pucat:#F3F6FA;       /* hover tombol sekunder */
  --emas:#C08A2E; --emas-terang:#D9A93F; --emas-tua:#7A5410;
  --emas-pucat:#FBF4E4; --emas-tepi:#E2CE9E;
  /* permukaan & garis */
  --ground:#F4F1EA; --kertas:#FFFFFF; --rak:#F9F7F1;
  --tepi:#DFD8C8; --tepi-input:#D5CFC0; --garis:#EDE7DA;
  /* teks */
  --ink:#15212E; --ink2:#3A4552; --redup:#5A6574; --redup2:#626D7C;
  --teks-terang:#F6F2E8;      /* teks di atas navy */
  /* status */
  --galat:#8A2A17; --galat-latar:#FBEDEA; --galat-tepi:#E8B4A8; --galat-input:#C0533A;
  --bahaya:#9E2A2A;
  --stabilo:#FFE873;         /* sorotan kata kunci (spidol kuning) */
  --biru:var(--navy);

  /* bentuk */
  --r-kecil:6px;              /* tag, lencana persegi */
  --r:8px;                    /* tombol, isian */
  --r-kartu:12px;             /* kartu, panel, menu */
  --tinggi-kecil:36px; --tinggi:42px; --tinggi-besar:48px;   /* tombol & isian sebaris sama tinggi */
  --bayang-kartu:0 1px 2px rgba(21,33,46,0.04);
  --bayang-menu:0 18px 44px rgba(14,39,69,.22), 0 2px 6px rgba(14,39,69,.08);
  --fokus:3px solid var(--emas-terang);

  /* tata letak & gerak */
  --kepala:73px;
  --mulus:cubic-bezier(.16,1,.3,1);       /* keluar eksponensial: panel, menu, perpindahan */
  --pegas:cubic-bezier(.3,.7,.2,1.25);    /* sedikit memantul: ikon & tombol yang terangkat */
  --t-cepat:.12s;                         /* warna, tekan */
  --t:.22s;                               /* angkat, geser ikon */
  --t-lambat:.5s;                         /* gambar ulang lambang */
  --angkat:-1px;                          /* jarak tombol naik saat hover */
  --bayang-angkat:0 1px 2px rgba(14,39,69,.10), 0 8px 18px -8px rgba(14,39,69,.45);
  --bayang-angkat-halus:0 1px 2px rgba(14,39,69,.06), 0 6px 14px -8px rgba(14,39,69,.30);
}

/* gerak dikurangi: tombol tak lagi naik, ikon tak bergeser (warna tetap berubah) */
@media (prefers-reduced-motion: reduce) {
  :root { --angkat:0px; --pegas:linear; --t:0s; --t-lambat:0s; }
}