/* Dark Mode Styles */
:root {
  --dark-primary: #1e2129; /* Main dark background */
  --accent: #007bff; /* Accent color for buttons, links */
  --accent-light: #2196F3; /*Accent color for buttons, links */
  --text-primary: #e0e0e0; /* White text for readability */
  --text-secondary: #F2F2F2; /* Muted blue-gray for secondary text */
}

.theme-toggle {
  /* position: fixed; */
  top: 20px;
  right: 20px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 2rem;
}

body.dark-theme p{
    color: var(--text-primary) !important;
}

body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, body.dark-theme h4, body.dark-theme h5, body.dark-theme h6 {
  color: var(--accent) !important;
}

body.dark-theme .navbar {
  background-color: var(--dark-primary);
}

body.dark-theme .nav-link {
  color: var(--text-primary);
}

body.dark-theme .btn-link {
  color: var(--text-primary);
}

body.dark-theme .bg-primary {
  background-color: var(--dark-primary) !important;
}

body.dark-theme .in-cirro-1 .border-decor .text-info{
    color: var(--accent) !important;
}

body.dark-theme .in-cirro-1 .border-decor{
    border-left-color: var(--accent) !important;
    border-bottom-color: var(--accent) !important;
}

body.dark-theme .in-cirro-1 .border-decor .text-warning{
    color: #F2F2F2 !important;
}

body.dark-theme .in-cirro-2{
    background-color: var(--dark-primary) !important;
}

body.dark-theme .in-cirro-2 h1{
    color: var(--accent) !important;
}

body.dark-theme .lead{
    color: var(--text-primary) !important;
}

body.dark-theme .in-cirro-2 h2{
    color: var(--text-secondary) !important;
}

body.dark-theme .in-cirro-2 p{
    color: var(--text-primary) !important;
}

body.dark-theme .in-cirro-2 .card:hover {
    background-color: var(--accent-light) !important;
}

body.dark-theme .in-cirro-3{
    background-color: var(--dark-primary) !important;
}

body.dark-theme .in-cirro-3 h1{
    color: var(--accent) !important;
}

body.dark-theme section{
    background-color: var(--dark-primary) !important;
}

body.dark-theme section marquee table td{
    color: var(--text-primary) !important;
}

body.dark-theme .in-cirro-5 h1{
    color: var(--accent) !important;
}

body.dark-theme .accordion-style-5 .accordion-item .show, .accordion-style-5 .accordion-item [aria-expanded=true] {
    background-color: transparent !important;
}

body.dark-theme .accordion-style-5 .accordion-button{
    color: var(--accent) !important;
}

body.dark-theme .accordion-style-5 .accordion-body p{
    color: var(--text-primary) !important;
}

body.dark-theme .accordion-style-5 .accordion-button::after{
    color: var(--accent) !important;
}

body.dark-theme .accordion-style-5 .accordion-button:not(.collapsed)::after{
    color: var(--accent) !important;
}

body.dark-theme .in-cirro-footer{
    background-color: var(--dark-primary) !important;
}

body.dark-theme .in-cirro-footer .in-footer-link .list-inline-item a{
    color: var(--accent) !important;
}

body.dark-theme .in-cirro-footer .copyright-text{
    color: var(--text-primary) !important;
}

body.dark-theme .card.bg-white{
    background-color: var(--dark-primary) !important;
}

body.dark-theme .btn-info{
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
}

body.dark-theme .bg-info{
    background-color: var(--accent) !important;
}

body.dark-theme .fa-ul > li {
    color: var(--text-primary) !important;
}

body.dark-theme table th, body.dark-theme table td {
    background-color: var(--dark-primary) !important;
    color: var(--text-primary) !important;
}

body.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgb(30, 33, 41, 0.7) !important;
    color: var(--text-primary) !important;
}

body.dark-theme .card{
    background-color: var(--dark-primary) !important;
    border-color: var(--accent) !important;
}

body.dark-theme .themesflat-accordions .accordion-content li{
    color: var(--text-primary) !important;
}

body.dark-theme .breadcrumb-section{
    background-color: #0c385f !important;
    /* border-bottom: 1px solid var(--text-secondary); */
}