:root {
    --bg: #ffffff; --text: #212529; --muted: #6c757d; --border: #dee2e6;
    --primary: #0d6efd; --primary-h: #0b5ed7; --danger: #dc3545;
}
body { background: var(--bg); color: var(--text); font-family: system-ui, -apple-system, sans-serif; line-height: 1.6; }

/* Components Light Theme */
.card { border: 1px solid var(--border); box-shadow: 0 2px 8px rgba(0,0,0,0.04); background: #fff; border-radius: 10px; margin-bottom: 1.5rem; }
.card-header { background: transparent; border-bottom: 1px solid var(--border); padding: 1rem 1.25rem; font-weight: 600; color: var(--text); }
.card-body { color: var(--text); }

.form-control, .form-select { background: #fff; border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 0.6rem 0.8rem; }
.form-control:focus, .form-select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(13,110,253,0.15); background: #fff; color: var(--text); }

.btn { border-radius: 8px; font-weight: 500; }
.btn-primary { background: var(--primary); border: none; color: #fff; }
.btn-primary:hover { background: var(--primary-h); }
.btn-outline-danger { border-color: var(--danger); color: var(--danger); }
.btn-outline-danger:hover { background: var(--danger); color: #fff; }

.table { color: var(--text); }
.table thead th { background: #f8f9fa; border-bottom: 2px solid var(--border); color: var(--muted); font-size: 0.85rem; text-transform: uppercase; }
.table td { vertical-align: middle; border-color: var(--border); }

.progress { background: #e9ecef; height: 8px; border-radius: 6px; overflow: hidden; }
.progress-bar { background: var(--primary); }

.badge { font-weight: 500; border-radius: 6px; }
.text-muted { color: var(--muted) !important; }
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--primary-h); }

/* 
 * PrimeBoard - Custom Theme Styles
 * File ini untuk override style Bootstrap atau custom component
 */

/* Contoh: Soft shadow untuk semua card */
.card {
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s ease;
}

/* Contoh: Hover effect halus */
.card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Tambahkan custom style Anda di bawah ini */