/* ==========================================================
   theme-tokens.css — Theme Dashboard PRODUKSI SipatraSmart
   "Intelligent Country" (dark navy command-center)

   CARA PAKAI:
   Load file ini SEKALI di index.html (shell), sebelum modul
   Web Components lain di-import:

     <link rel="stylesheet" href="theme-tokens.css">
     <script type="module" src="modul-akuntansi.js"></script>
     ...

   Karena ini CSS Custom Properties (bukan class/selector biasa),
   nilainya MENEMBUS batas Shadow DOM tiap <modul-X> secara
   otomatis — modul cukup pakai var(--ic-teal) dst di dalam
   <style> Shadow DOM-nya sendiri, TANPA Shadow DOM dibongkar.

   Ganti tema lagi nanti? Cukup ubah nilai di sini SATU KALI,
   semua modul yang sudah dimigrasi ikut berubah.
   ========================================================== */
:root{
    --ic-bg:#050d1a;
    --ic-bg-glow1:rgba(20,80,120,0.25);
    --ic-bg-glow2:rgba(10,50,90,0.18);
    --ic-panel:#0a1a2b;
    --ic-panel-border:rgba(56,189,204,0.28);
    --ic-panel-border-strong:rgba(56,189,204,0.55);
    --ic-teal:#3fe0d0;
    --ic-teal-soft:rgba(63,224,208,0.15);
    --ic-orange:#ff9d42;
    --ic-orange2:#ffcf5c;
    --ic-orange3:#e8590c;
    --ic-gold:#d9b45a;
    --ic-text:#dff5f3;
    --ic-text-dim:#7fa3ab;
    --ic-text-mute:#4d7178;
    --ic-divider:rgba(63,224,208,0.12);
    --ic-danger:#ff6b6b;
    --ic-font-display:'Orbitron','Inter',sans-serif;
    --ic-font-body:'Inter','Segoe UI',sans-serif;
}

/* Opsional: kalau index.html mau body-nya juga ikut nuansa dark
   (bukan cuma tiap modul), aktifkan blok ini di shell: */
body{
    background:
      radial-gradient(circle at 15% 10%, var(--ic-bg-glow1), transparent 40%),
      radial-gradient(circle at 85% 75%, var(--ic-bg-glow2), transparent 45%),
      var(--ic-bg);
    color:var(--ic-text);
}