/* custome.css */
:root {
    --warm-primary: #FF9F1C;    /* Oranye hangat khas lampu PJU */
    --warm-secondary: #FFBF69;  /* Kuning cerah matahari */
    --warm-dark: #2B2D42;       /* Gelap elegan untuk kontras */
    --warm-light: #FFF9F2;      /* Latar belakang hangat minimalis */
    --warm-muted: #6C757D;
}

body {
    background-color: var(--warm-light);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--warm-dark);
}

/* Gaya Kartu Kustom */
.card-custom {
    border: none;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(255, 159, 28, 0.08);
    background-color: #ffffff;
}

/* Gaya Tombol Tema Hangat */
.btn-warm {
    background-color: var(--warm-primary);
    color: #ffffff;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-warm:hover {
    background-color: #e08a10;
    color: #ffffff;
    transform: translateY(-1px);
}

/* Kustomisasi Floating Label agar Selaras dengan Tema */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: var(--warm-primary);
}

.form-control:focus {
    border-color: var(--warm-primary);
    box-shadow: 0 0 0 0.25rem rgba(255, 159, 28, 0.25);
}