/* ============================================================================
   Nusantika AI — token merek, dipakai bersama semua modul (AMANAH, dst.)

   Diturunkan dari bahasa visual vantis.sh: tinta hitam di kanvas putih, SATU
   aksen hijau elektrik yang dipakai hemat, garis rambut sebagai pemisah alih-
   alih kotak berbayang tebal, dan tekstur arsiran diagonal tipis sebagai
   pengganti gradien. Huruf tampilan Space Grotesk dengan jarak huruf rapat;
   label kecil huruf besar dengan jarak lebar.

   Aturan pakai aksen: hijau adalah isian, bukan warna teks. Teks di atas hijau
   selalu tinta hitam; teks berwarna hijau di atas putih memakai --tf-hijau-tinta
   supaya kontrasnya cukup dibaca.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* tinta & kanvas */
  --tf-tinta:        #0A0A0A;
  --tf-karbon:       #000000;
  --tf-kanvas:       #FFFFFF;
  --tf-kertas:       #F6F6F3;
  --tf-arang:        #3B3B3B;
  --tf-batu:         #4A4A4A;
  --tf-abu:          #676767;
  --tf-redup:        #8A8A8A;
  --tf-samar:        #ABABAB;
  --tf-rambut:       #D0D5DB;
  --tf-rambut-halus: #E5E7EB;

  /* aksen tunggal */
  --tf-hijau:        #09F875;
  --tf-hijau-dalam:  #059A4C;
  --tf-hijau-tinta:  #047A3C;
  --tf-hijau-basuh:  #E7FEF1;

  /* status - dicadangkan, tidak dipakai sebagai warna dekoratif */
  --tf-baik:         #0E9F55;
  --tf-waspada:      #B7791F;
  --tf-serius:       #D9480F;
  --tf-kritis:       #D62C2C;

  /* huruf */
  --tf-tampilan: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --tf-badan:    'Inter', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --tf-mono:     'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* bentuk */
  --tf-r-xs:  6px;
  --tf-r-sm: 10px;
  --tf-r-md: 14px;
  --tf-r-lg: 20px;
  --tf-r-pil: 999px;

  /* kedalaman - besar & lembut, bukan tebal & gelap */
  --tf-bayang-kecil: 0 3px 14px rgba(0,0,0,.07);
  --tf-bayang:       0 14px 40px rgba(10,10,10,.09);
  --tf-bayang-besar: 0 18px 48px rgba(0,0,0,.15);
  --tf-sorot-dalam:  inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.18);

  /* tekstur */
  --tf-arsir:       linear-gradient(105deg, rgba(10,10,10,.045) 0 1px, transparent 1px 5px);
  --tf-arsir-gelap: linear-gradient(105deg, rgba(255,255,255,.05) 0 1px, transparent 1px 5px);

  --tf-pegas: cubic-bezier(.16, 1, .3, 1);
}

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