/* Kulit TEN — token warna & font, nimpa app.css (dirakit build.mjs) */
:root {
  /* Brand Tenggat (dokumen produk v2 bagian 5): ngejar · jujur · tenang — ungu tengah malam + kuning stabilo buat nandain tenggat & streak */
  --brand: #4C1D95; --aksen: #FACC15; --bg: #FAF9F6; --bg-gelap: #130B2B; --teks: #1B1535; --sukses: #16A34A; --peringatan: #F97316;
  --font-judul: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-isi: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --panel: #FFFFFF; --panel2: #F1EEF8; --line: #E2DDEE; --text: var(--teks); --muted: #6B6480;
  --brand2: #3B1578; --brandSoft: #ECE6F9; --on-brand: #FFFFFF; --aksenSoft: #FEF6C7; --aksenText: #713F12; --on-aksen: #1B1535; --warnSoft: #FFEBDD; --warnText: #9A3F0A; --okSoft: #DCF5E5; --dangerSoft: #FBE3E3; --dangerText: #A32D2D;
  --shadow: 0 1px 2px rgba(40,20,80,.05), 0 8px 24px rgba(40,20,80,.07); --r: 12px;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: var(--bg-gelap); --teks: #F3EFFF; --panel: #1E1540; --panel2: #2A1F54; --line: #3A2E66; --muted: #A79EC4;
  --brand: #A78BFA; --brand2: #C4B5FD; --brandSoft: #2E2160; --on-brand: #130B2B; --aksen: #FACC15; --aksenSoft: #3D3414; --aksenText: #FDE68A; --on-aksen: #1B1535;
  --warnSoft: #432614; --warnText: #FDBA74; --okSoft: #14381F; --dangerSoft: #4A1D1D; --dangerText: #FCA5A5; --sukses: #4ADE80; --peringatan: #FB923C;
  --shadow: none; color-scheme: dark;
}