:root {
    --primary-color: #2563EB;
    --success-color: #22C55E;
    --danger-color: #EF4444;
    --warning-color: #F59E0B;
    --bg-color: #F8FAFC;
}

body {
    background-color: var(--bg-color);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Base Card Styling sesuai permintaan: Putih, shadow halus, radius 15px */
.card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
}

/* Radius untuk form dan tombol */
.form-control, .form-select {
    border-radius: 10px;
    padding: 0.6rem 1rem;
}

.btn {
    border-radius: 15px;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
}

/* Custom Colors untuk Bootstrap */
.btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover { background-color: #1d4ed8; }
.btn-success { background-color: var(--success-color); border-color: var(--success-color); }
.btn-danger { background-color: var(--danger-color); border-color: var(--danger-color); }
.btn-warning { background-color: var(--warning-color); border-color: var(--warning-color); color: #fff; }
.text-primary { color: var(--primary-color) !important; }

/* Utility untuk layout Auth */
.auth-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}