/* =====================================================================
   tokens.css — design token Bisnisku (master plan bagian C1)
   3 lapis:
     LAPIS 1  primitif & semantik — SAMA di semua tenant, JANGAN dioverride
     LAPIS 2  aksen per modul — via atribut data-module di <body>
     LAPIS 3  override per-deployment — digenerate PHP dari bis_settings
              key `theme`, di-emit sebagai <style id="theme-override">
   Aturan komponen: selalu tulis aksen dengan fallback gradient —
     background: var(--ac-g, var(--ac));
     .side { background: var(--side-g, var(--side, var(--navy))); }
   ===================================================================== */

/* == LAPIS 1: primitif & semantik ===================================== */
:root{
  /* warna dasar — PIVOT BIRU (keputusan Fery 3 Jul, docs/brand/HANDOFF-token-warna.md):
     chrome biru royal · state aktif PUTIH (luminance, bukan hue) · AMBER =
     tanda tangan brand yang dipakai SANGAT hemat (logo mark + sparkle VERA saja). */
  --navy:#16295F;     /* "biru tinta" — tinta heading/teks kuat (alias nama lama) */
  --amber:#F59E0B;    /* tanda tangan brand — JANGAN tambah gold kedua */
  --gold:#F59E0B;     /* alias lama → amber (pemakai: ic-badge-amber, dst) */
  /* palet netral SEJUK (pivot dari krem hangat — HANDOFF-token-warna §6;
     fallback bila terasa dingin: kembalikan krem, hanya base/aksen yang biru) */
  --canvas:#F6F7F9;
  --bg:#FAFBFC;       /* permukaan cekung (item-card/header tabel/chip/disabled) */
  --card:#ffffff;
  --bdr:#E4E7EC;
  --bdr-ctl:#cbd5e1;  /* border netral SEJUK — tombol nav (Kembali/Batal) */
  --tx:#1D2939;
  --tx2:#5D6B82;
  --tx3:#98A2B3;

  /* semantik — di-reserve untuk status (ok/warn/bad/info), bukan dekorasi */
  --ok:#16A34A;    --ok-bg:#ecfdf5;
  --warn:#d97706;  --warn-bg:#fffbeb;
  --bad:#dc2626;   --bad-bg:#fef2f2;
  --info:#2563EB;  --info-bg:#EFF4FF;

  /* sidebar gelap (drawer mobile) — BIRU ROYAL, gradient default fallback solid */
  --side:#1E3A8A;
  --side-g:linear-gradient(168deg,#1E40AF 0%,#1E3A8A 52%,#16295F 100%);

  /* rail modul (Nav-1) — biru royal lebih gelap (zona brand).
     --acc-d = warna state AKTIF di permukaan gelap: PUTIH (revisi Fery 3 Jul —
     posisi dikodekan luminance; amber utk state = makna ganda, dilarang).
     Glow amber HANYA untuk logo mark. */
  --rail:#16295F;
  --rail-g:linear-gradient(180deg,#1E40AF 0%,#1B3480 55%,#16295F 100%);
  --acc-d:#ffffff;
  --acc-glow:drop-shadow(0 0 5px rgba(245,158,11,.45));
  --acc-glow-h:drop-shadow(0 0 9px rgba(245,158,11,.72));

  /* DATA / CHART — urutan TETAP --dv-1..8 (HANDOFF-token-warna §5): seri-1
     SELALU biru, seri-2 SELALU teal, dst; >8 seri → "Lainnya". Teks tidak
     pernah memakai warna seri. Warna data TIDAK dipakai chrome. */
  --dv-1:#3B82F6; --dv-1-soft:#EFF6FF;   /* biru   — modul Penjualan */
  --dv-2:#14B8A6; --dv-2-soft:#F0FDFA;   /* teal   — modul Keuangan  */
  --dv-3:#8B5CF6; --dv-3-soft:#F5F3FF;   /* violet — modul SDM       */
  --dv-4:#F59E0B; --dv-4-soft:#FFFBEB;   /* amber                    */
  --dv-5:#F43F5E; --dv-5-soft:#FFF1F2;   /* rose                     */
  --dv-6:#22C55E; --dv-6-soft:#F0FDF4;   /* hijau                    */
  --dv-7:#F97316; --dv-7-soft:#FFF7ED;   /* oranye — modul Produksi  */
  --dv-8:#6366F1; --dv-8-soft:#EEF2FF;   /* indigo — modul Asisten   */

  /* radius — KONTAINER (kartu/panel/toast/dropdown) */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-pill:999px;
  /* radius — KONTROL (tombol/input/select). Dipisah dari kontainer supaya
     tombol & input SAMA persis (hilang mismatch 9px vs 10px) tanpa
     menggeser radius semua kartu. */
  --r-ctl:10px;
  --r-ctl-sm:8px;

  /* spacing — 8-pt grid (semua kelipatan 4) */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;

  /* tipografi */
  --ff:'Inter','Segoe UI',system-ui,sans-serif;
  --fs-xs:10px;
  --fs-sm:11.5px;
  --fs-md:13px;
  --fs-lg:15px;
  --fs-h:17px;   /* isi celah 15→20 — heading sekunder/judul panel besar */
  --fs-xl:20px;

  /* bayangan */
  --sh-card:0 6px 18px rgba(27,42,74,.10);
  --sh-pop:0 18px 50px rgba(27,42,74,.25);
  --sh-btn:0 3px 12px rgba(0,0,0,.13);

  /* dimensi layout */
  --side-w:230px;
  --side-w-mini:64px;
  --top-h:50px;
  --rail-w:60px;
  --sub-w:216px;   /* sidebar sub-modul terang (shell desktop Nav-1) */

  /* aksen GLOBAL — biru ECOS #2563EB (bukan biru Jira #0C66E4): tombol,
     link, active konten, focus. Amber dijaga SANGAT restrained: logo mark +
     sparkle VERA saja (HANDOFF-token-warna §3). Saturasi tinggi hanya utk
     elemen kecil-interaktif; permukaan besar-persisten wajib kalem. */
  --ac:#2563EB; --ac-dk:#1D4ED8; --ac-soft:#EFF4FF; --ac-bd:#BFD3FE; --ac-tx:#fff;
}

/* == LAPIS 2: (dulu aksen per-modul) — DIHAPUS 13 Jun 2026 ============= */
/* Keputusan revisi master plan A4: chrome pakai SATU aksen global (emas),
   bukan warna per modul (teal/kuning/ungu bikin whiplash + kuning sulit
   kontras). Warna sub-brand modul TETAP hidup, tapi hanya di tile launcher
   (.tile-home/.tile-accounting/... di components.css) + landing page.
   Atribut data-module di <body> dipertahankan untuk kebutuhan lain. */

/* == LAPIS 3: override per-deployment ================================= */
/* JANGAN tulis apa pun di sini. PHP membaca bis_settings key `theme`
   lalu emit <style id="theme-override"> berisi :root / [data-module]
   override — termasuk --ac-g / --side-g untuk tema gradient.           */
