/* =========================
   LIGHT MODE
========================= */

.light-mode{
    background:#f8fafc !important;
    color:#0f172a !important;
}

/* Body */

.light-mode body{
    background:#f8fafc !important;
    color:#0f172a !important;
}

/* Navbar */

.light-mode .navbar{
    background:rgba(255,255,255,0.8) !important;
    backdrop-filter:blur(10px);
}

.light-mode .navbar .nav-link,
.light-mode .navbar-brand{
    color:#0f172a !important;
}

/* Cards */

.light-mode .service-card,
.light-mode .portfolio-card,
.light-mode .dashboard-card{

    background:rgba(255,255,255,0.8) !important;

    color:#0f172a !important;

    border:1px solid rgba(0,0,0,0.05);

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08) !important;

}

/* Text */

.light-mode h1,
.light-mode h2,
.light-mode h3,
.light-mode h4,
.light-mode h5,
.light-mode h6,
.light-mode p,
.light-mode span,
.light-mode label,
.light-mode td,
.light-mode th{
    color:#0f172a !important;
}

/* Paragraph */

.light-mode .detail-text{
    color:#334155 !important;
}

/* Table */

.light-mode .table{
    color:#0f172a !important;
}

.light-mode .table-dark{
    background:white !important;
}

/* Inputs */

.light-mode .form-control{

    background:white !important;

    color:#0f172a !important;

    border:1px solid #cbd5e1 !important;

}

.light-mode .form-control:focus{

    background:white !important;

    color:#0f172a !important;

}

/* Sidebar */

.light-mode .sidebar{

    background:white !important;

    border-right:
    1px solid #e2e8f0;

}

.light-mode .sidebar ul li a{
    color:#0f172a !important;
}

/* Footer */

.light-mode footer{
    background:white !important;
    color:#0f172a !important;
}

/* Loader */

.light-mode .loader-wrapper{
    background:white !important;
}

/* Hero Text */

.light-mode .hero p{
    color:#334155 !important;
}