:root {
    --primary: #1e3a8a;
    --primary-dark: #172b66;
    --secondary: #3b82f6;
    --secondary-soft: #bfdbfe; /* Warna dasar tombol/label */
    --secondary-soft-hover: #93c5fd; /* Warna saat tombol di-hover */
    --bg-body: #f3f4f6;
    --bg-surface: #ffffff;
    --text-dark: #1f2937;
    --text-muted: #6b7280;
    --border-color: #e5e7eb;
    --danger: #ef4444;
    --bg-readonly: #f0f0f0;
    --bg-tr-hover: #f3f4f6;
    --bg-body-entry: #f5f5f5;
    --table-header: #e5e7eb; /* Sama dengan border-color, jadi selaras */
    --table-header-text: #374151; /* Gelapin dikit teksnya biar makin kebaca */
    --table-border: #e5e7eb; /* var(--border-color) */
    --table-data: white;
    --top-bar: #1e293b;
    --bg-tr-hover: #f8fafc; /* Biru super muda asli untuk hover baris tabel */
    --table-selected-bg: #e0f2fe; /* Biru muda asli untuk baris terpilih */
    --table-selected-border: #bae6fd; /* Border biru asli untuk baris terpilih */
    --button: #0ea5e9;
}



body.dark-theme {
    --bg-body: #0f172a; /* Latar belakang utama gelap (Slate 900) */
    --bg-surface: #1e293b; /* Latar kotak/panel gelap (Slate 800) */
    --text-dark: #f8fafc; /* Teks putih terang (Slate 50) */
    --text-muted: #94a3b8; /* Teks abu-abu terang (Slate 400) */
    --border-color: #334155; /* Garis batas gelap (Slate 700) */
    --bg-readonly: #1e293b; /* Latar kotak/panel gelap (Slate 800) */
    --bg-tr-hover: #334155;
    --bg-body-entry: #0f172a;
    --table-data: #0f172a;
    --table-header: #1f2937; /* Pakai warna text-dark */
    --table-header-text: #ffffff; /* Teks wajib putih */
    --bg-tr-hover: #334155; /* Hover tabel di mode gelap (sesuai warna asli kamu) */
    --table-selected-bg: #172554; /* Biru navy gelap agar serasi dengan tema gelap asli */
    --table-selected-border: var(--primary); /* Pakai warna biru utama asli (#1e3a8a) untuk border */
}