/* public/tema.css — Design tokens MINIFIX (Teal/Cyan Profesional) */
:root{
  /* Dark (lalai) */
  --bg:#050B14;--bg2:#0A1220;--bg3:#16233A;--panel:#0F1A2B;--panel2:#132238;
  --line:#1E3A57;--line2:#264B6E;
  --teks:#E6F1FF;--teks2:#8FA9C4;--teks3:#5B7799;
  --cyan:#22D3EE;--cyan2:#06B6D4;--primary:#0E7490;--on-primary:#F8FAFC;--on-accent:#03121B;
  --biru:#3B82F6;--hijau:#34D399;--success:#16A34A;--kuning:#FBBF24;
  --accent:#F59E0B;--oren:#FB923C;--merah:#F87171;--danger:#DC2626;--ungu:#A78BFA;
  --r:12px;--r2:16px;--pantas:.16s cubic-bezier(.4,0,.2,1);--sedang:.28s cubic-bezier(.4,0,.2,1);
  /* Fasa 70g — token teks selamat kontras (guna atas latar polos/tint, BUKAN chip pekat) */
  --txt-biru:var(--biru);--txt-ungu:var(--ungu);--txt-kuning:var(--kuning);--txt-cyan:var(--cyan);
  --txt-oren:var(--oren);--txt-hijau:var(--hijau);--txt-merah:var(--merah);--txt-neutral:var(--teks2);
  /* Fasa 70g — token chip/badge (bg+fg sepasang, dark=tint lutsinar+teks warna) */
  --bdg-biru-bg:color-mix(in srgb, var(--biru) 15%, transparent);--bdg-biru-fg:var(--biru);
  --bdg-ungu-bg:color-mix(in srgb, var(--ungu) 15%, transparent);--bdg-ungu-fg:var(--ungu);
  --bdg-kuning-bg:color-mix(in srgb, var(--kuning) 15%, transparent);--bdg-kuning-fg:var(--kuning);
  --bdg-cyan-bg:color-mix(in srgb, var(--cyan) 15%, transparent);--bdg-cyan-fg:var(--cyan);
  --bdg-oren-bg:color-mix(in srgb, var(--oren) 15%, transparent);--bdg-oren-fg:var(--oren);
  --bdg-hijau-bg:color-mix(in srgb, var(--hijau) 15%, transparent);--bdg-hijau-fg:var(--hijau);
  --bdg-neutral-bg:color-mix(in srgb, var(--teks2) 15%, transparent);--bdg-neutral-fg:var(--teks2);
  --bdg-merah-bg:color-mix(in srgb, var(--merah) 15%, transparent);--bdg-merah-fg:var(--merah);
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#F8FAFC;--bg2:#FFFFFF;--bg3:#EEF2F6;--panel:#FFFFFF;--panel2:#F1F5F9;
    --line:#E2E8F0;--line2:#CBD5E1;
    --teks:#0F172A;--teks2:#475569;--teks3:#64748B;
    --cyan:#0891B2;--cyan2:#0E7490;--primary:#0E7490;--on-primary:#FFFFFF;--on-accent:#3B1F00;
    --biru:#2563EB;--hijau:#16A34A;--success:#15803D;--kuning:#D97706;
    --accent:#F59E0B;--oren:#EA580C;--merah:#DC2626;--danger:#B91C1C;--ungu:#7C3AED;
    /* Fasa 70g — shade lebih gelap (Tailwind ~800) supaya teks/chip lulus WCAG 4.5:1 atas latar terang */
    --txt-biru:#1E40AF;--txt-ungu:#5B21B6;--txt-kuning:#92400E;--txt-cyan:#164E63;
    --txt-oren:#9A3412;--txt-hijau:#166534;--txt-merah:#991B1B;--txt-neutral:var(--teks2);
    --bdg-biru-bg:#1E40AF;--bdg-biru-fg:#FFFFFF;
    --bdg-ungu-bg:#5B21B6;--bdg-ungu-fg:#FFFFFF;
    --bdg-kuning-bg:#92400E;--bdg-kuning-fg:#FFFFFF;
    --bdg-cyan-bg:#164E63;--bdg-cyan-fg:#FFFFFF;
    --bdg-oren-bg:#9A3412;--bdg-oren-fg:#FFFFFF;
    --bdg-hijau-bg:#166534;--bdg-hijau-fg:#FFFFFF;
    --bdg-neutral-bg:#475569;--bdg-neutral-fg:#FFFFFF;
    --bdg-merah-bg:#991B1B;--bdg-merah-fg:#FFFFFF;
  }
}
:root[data-theme="light"]{
  --bg:#F8FAFC;--bg2:#FFFFFF;--bg3:#EEF2F6;--panel:#FFFFFF;--panel2:#F1F5F9;
  --line:#E2E8F0;--line2:#CBD5E1;
  --teks:#0F172A;--teks2:#475569;--teks3:#64748B;
  --cyan:#0891B2;--cyan2:#0E7490;--primary:#0E7490;--on-primary:#FFFFFF;--on-accent:#3B1F00;
  --biru:#2563EB;--hijau:#16A34A;--success:#15803D;--kuning:#D97706;
  --accent:#F59E0B;--oren:#EA580C;--merah:#DC2626;--danger:#B91C1C;--ungu:#7C3AED;
  --txt-biru:#1E40AF;--txt-ungu:#5B21B6;--txt-kuning:#92400E;--txt-cyan:#164E63;
  --txt-oren:#9A3412;--txt-hijau:#166534;--txt-merah:#991B1B;--txt-neutral:var(--teks2);
  --bdg-biru-bg:#1E40AF;--bdg-biru-fg:#FFFFFF;
  --bdg-ungu-bg:#5B21B6;--bdg-ungu-fg:#FFFFFF;
  --bdg-kuning-bg:#92400E;--bdg-kuning-fg:#FFFFFF;
  --bdg-cyan-bg:#164E63;--bdg-cyan-fg:#FFFFFF;
  --bdg-oren-bg:#9A3412;--bdg-oren-fg:#FFFFFF;
  --bdg-hijau-bg:#166534;--bdg-hijau-fg:#FFFFFF;
  --bdg-neutral-bg:#475569;--bdg-neutral-fg:#FFFFFF;
  --bdg-merah-bg:#991B1B;--bdg-merah-fg:#FFFFFF;
}
:root[data-theme="dark"]{
  --bg:#050B14;--bg2:#0A1220;--bg3:#16233A;--panel:#0F1A2B;--panel2:#132238;
  --line:#1E3A57;--line2:#264B6E;
  --teks:#E6F1FF;--teks2:#8FA9C4;--teks3:#5B7799;
  --cyan:#22D3EE;--cyan2:#06B6D4;--primary:#0E7490;--on-primary:#F8FAFC;--on-accent:#03121B;
  --biru:#3B82F6;--hijau:#34D399;--success:#16A34A;--kuning:#FBBF24;
  --accent:#F59E0B;--oren:#FB923C;--merah:#F87171;--danger:#DC2626;--ungu:#A78BFA;
  --txt-biru:var(--biru);--txt-ungu:var(--ungu);--txt-kuning:var(--kuning);--txt-cyan:var(--cyan);
  --txt-oren:var(--oren);--txt-hijau:var(--hijau);--txt-merah:var(--merah);--txt-neutral:var(--teks2);
  --bdg-biru-bg:color-mix(in srgb, var(--biru) 15%, transparent);--bdg-biru-fg:var(--biru);
  --bdg-ungu-bg:color-mix(in srgb, var(--ungu) 15%, transparent);--bdg-ungu-fg:var(--ungu);
  --bdg-kuning-bg:color-mix(in srgb, var(--kuning) 15%, transparent);--bdg-kuning-fg:var(--kuning);
  --bdg-cyan-bg:color-mix(in srgb, var(--cyan) 15%, transparent);--bdg-cyan-fg:var(--cyan);
  --bdg-oren-bg:color-mix(in srgb, var(--oren) 15%, transparent);--bdg-oren-fg:var(--oren);
  --bdg-hijau-bg:color-mix(in srgb, var(--hijau) 15%, transparent);--bdg-hijau-fg:var(--hijau);
  --bdg-neutral-bg:color-mix(in srgb, var(--teks2) 15%, transparent);--bdg-neutral-fg:var(--teks2);
  --bdg-merah-bg:color-mix(in srgb, var(--merah) 15%, transparent);--bdg-merah-fg:var(--merah);
}