:root {
    --white: #ffffff;
    --brown: #adadad;
    --black: #000000;
    --red: #B22234;
    --red-2: #8b1a28;
}

/* Auth */
body{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

h4.text-auth{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

p.daftar-akun {
    color: var(--red);
}

button.btn.btn-auth{
    background-color: var(--red);
    color: var(--white);
}

button.btn.btn-auth:hover{
    background-color: var(--red-2);
    transition:0.2s;
    color: var(--white);
}

a.btn.btn-auth{
    background-color: var(--red);
    color: var(--white);
}

a.btn.btn-auth:hover{
    background-color: var(--red-2);
    transition:0.2s;
    color: var(--white);
}

input,select.form-control {
  border: 0px solid #ccc;
  background-color: rgb(247, 247, 247);
  box-shadow: none;
}
/* End */

/* Navbar */
.navbar{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
/* End */

/* Dashbord */
a.btn.btn-menu {
    background-color: var(--red);
    color: var(--white);
    border: none;
    font-size: 14px;
}

a.btn.btn-menu:hover {
    background-color: var(--red-2);
    transition:0.2s;
    color: var(--white);
    border: none;
    font-size: 14px;
}

button#nav-home-tab.nav-link.active{
    color : var(--black);
}

button#nav-home-tab.nav-link{
    color : var(--brown);
}

button#nav-about-tab.nav-link.active{
    color : var(--black);
}

button#nav-about-tab.nav-link{
    color : var(--brown);
}

button#nav-rules-tab.nav-link.active{
    color : var(--black);
}

button#nav-rules-tab.nav-link{
    color : var(--brown);
}

button#nav-paid-tab.nav-link.active{
    color : var(--black);
}

button#nav-paid-tab.nav-link{
    color : var(--brown);
}

/* Warna dropdown dan item */
.dropdown-menu {
    background-color: #f8f9fa; /* Bisa diganti warna lain */
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #e9ecef;
    color: #000;
}

/* Warna tombol aktif */
.profile-button.active {
    background-color: #e2e6ea !important;
}

/* Perbesar ikon */
.profile-icon {
    font-size: 1.5rem;
}

/* End */

select option {
    text-transform: capitalize; /* Hanya huruf pertama tiap kata jadi kapital */
}