/* ===============================
   HIMMA BRAND COLORS
================================ */

:root{

/* Primary Brand Color */
--bs-primary: #2E7C83;
--bs-primary-active: #25666c;

/* Secondary */
--bs-success: #A8D63E;
--bs-success-active: #8fbe32;

/* Accent */
--bs-info: #4FA79A;

/* Dark tone */
--bs-dark: #072B3A;

/* Links */
--bs-link-color:#2E7C83;
--bs-link-hover-color:#A8D63E;

}


/* ===============================
   DARK MODE
================================ */

[data-bs-theme="dark"]{

--bs-primary:#4FA79A;
--bs-primary-active:#2E7C83;

--bs-success:#A8D63E;

--bs-info:#3a8d86;

--bs-body-bg:#071f28;
--bs-body-color:#e6f1f2;

--bs-dark:#02171f;

}


/* ===============================
   HIMMA GRADIENT
================================ */

.himma-gradient{

background:linear-gradient(
135deg,
#072B3A 0%,
#2E7C83 40%,
#4FA79A 70%,
#A8D63E 100%
);

}


/* ===============================
   BUTTON STYLE
================================ */

.btn-primary{

background:linear-gradient(135deg,#2E7C83,#A8D63E);
border:none;
color:white;

}

.btn-primary:hover{

background:linear-gradient(135deg,#25666c,#8fbe32);

}


/* ===============================
   SIDEBAR STYLE
================================ */

.app-sidebar{

background:#072B3A;

}

.app-sidebar .menu-link.active{

background:linear-gradient(135deg,#2E7C83,#4FA79A);

}


/* ===============================
   CARD STYLE
================================ */

.card{

border-radius:12px;
border:1px solid rgba(0,0,0,0.05);
box-shadow:0 8px 25px rgba(0,0,0,0.05);

}

/* login card */

.himma-login-card{
border-radius:14px;
border:none;
box-shadow:0 20px 45px rgba(0,0,0,0.08);
}


/* inputs */

.himma-input{
border-radius:10px;
padding:14px;
border:1px solid #e5e7eb;
}

.himma-input:focus{
border-color:#2E7C83;
box-shadow:0 0 0 0.2rem rgba(46,124,131,0.15);
}


/* login button */

.himma-login-btn{

background: linear-gradient(
135deg,
#2E7C83,
#A8D63E
);

border:none;
color:white;
font-weight:600;
border-radius:10px;

transition:0.3s;
}

.himma-login-btn:hover{

transform:translateY(-2px);

box-shadow:0 10px 20px rgba(0,0,0,0.15);

}
.himma-login-card{
backdrop-filter: blur(6px);
}
.auth-bg{
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}