[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-bg: #121212;
    --bs-primary: #bb86fc;
    --bs-secondary: #03dac6;
    --bs-light: #3c3c3c;
    --bs-dark: #e0e0e0;
    --bs-border-color: #3c3c3c;
    --bs-heading-color: #e0e0e0;
    --bs-body-color: #b0b0b0;  /* New, slightly darker than headings */
}

[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

/* General text color rules */
[data-bs-theme="dark"] p,
[data-bs-theme="dark"] span,
[data-bs-theme="dark"] div,
[data-bs-theme="dark"] li,
[data-bs-theme="dark"] td,
[data-bs-theme="dark"] th,
[data-bs-theme="dark"] label {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .navbar-light {
    background-color: #1e1e1e !important;
}

[data-bs-theme="dark"] .navbar-light .navbar-brand,
[data-bs-theme="dark"] .navbar-light .nav-link {
    color: var(--bs-heading-color) !important;
}

[data-bs-theme="dark"] .card {
    background-color: #1e1e1e;
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .text-dark {
    color: var(--bs-heading-color) !important;
}

[data-bs-theme="dark"] .btn-light {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    color: var(--bs-heading-color);
}

[data-bs-theme="dark"] .btn-outline-secondary {
    border-color: #03dac6;
    color: #03dac6;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: #03dac6;
    color: #121212;
}

[data-bs-theme="dark"] .list-group-item {
    background-color: #1e1e1e;
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] a {
    color: #bb86fc;
}

[data-bs-theme="dark"] .text-muted {
    color: #909090 !important;
}

[data-bs-theme="dark"] .bg-light {
    background-color: #1e1e1e !important;
}

[data-bs-theme="dark"] .bg-white {
    background-color: #121212 !important;
}

[data-bs-theme="dark"] .border {
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .text-body {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] h1, 
[data-bs-theme="dark"] h2, 
[data-bs-theme="dark"] h3, 
[data-bs-theme="dark"] h4, 
[data-bs-theme="dark"] h5, 
[data-bs-theme="dark"] h6 {
    color: var(--bs-heading-color);
}

[data-bs-theme="dark"] .bg-gradient {
    background: linear-gradient(to right, #bb86fc, #03dac6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-bs-theme="dark"] .code-block {
    background-color: #2b2b2b;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .inline-code {
    background-color: #2b2b2b;
    color: var(--bs-body-color);
    padding: 2px 4px;
    border-radius: 4px;
}

[data-bs-theme="dark"] input,
[data-bs-theme="dark"] textarea,
[data-bs-theme="dark"] select {
    background-color: #2b2b2b;
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] input::placeholder,
[data-bs-theme="dark"] textarea::placeholder {
    color: #808080;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #2b2b2b;
    color: var(--bs-body-color);
    border-color: #bb86fc;
    box-shadow: 0 0 0 0.25rem rgba(187, 134, 252, 0.25);
}

/* Rules for specific text elements */
[data-bs-theme="dark"] .lead,
[data-bs-theme="dark"] .guide-content {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] ul,
[data-bs-theme="dark"] ol {
    color: var(--bs-body-color);
}


/* HOME */


[data-bs-theme="dark"] .bg-gradient {
    background: linear-gradient(to right, #bb86fc, #03dac6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* video */


[data-bs-theme="dark"] .code-block {
    background-color: #2b2b2b;
    color: #e0e0e0;
}

[data-bs-theme="dark"] .inline-code {
    background-color: #2b2b2b;
    color: #e0e0e0;
    padding: 2px 4px;
    border-radius: 4px;
}


/* Existing styles remain the same */

/* Specific styles for Table of Contents */
[data-bs-theme="dark"] .card .card-body #toc,
[data-bs-theme="dark"] #mobile-toc {
    color: #b0b0b0;
}

[data-bs-theme="dark"] .card .card-body #toc .nav-link,
[data-bs-theme="dark"] #mobile-toc .nav-link {
    color: #b0b0b0;
    text-decoration: none;
    transition: color 0.3s ease;
}

[data-bs-theme="dark"] .card .card-body #toc .nav-link:hover,
[data-bs-theme="dark"] #mobile-toc .nav-link:hover {
    color: #ffffff;
    text-decoration: none;
}

[data-bs-theme="dark"] .card .card-body #toc .btn-outline-secondary,
[data-bs-theme="dark"] #mobile-toc .btn-outline-secondary {
    color: #b0b0b0;
    border-color: #b0b0b0;
    transition: all 0.3s ease;
}

[data-bs-theme="dark"] .card .card-body #toc .btn-outline-secondary:hover,
[data-bs-theme="dark"] .card .card-body #toc .btn-outline-secondary:focus,
[data-bs-theme="dark"] #mobile-toc .btn-outline-secondary:hover,
[data-bs-theme="dark"] #mobile-toc .btn-outline-secondary:focus {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
}

[data-bs-theme="dark"] .card .card-body #toc .dropdown-toggle::after,
[data-bs-theme="dark"] #mobile-toc .dropdown-toggle::after {
    color: #b0b0b0;
}

[data-bs-theme="dark"] .card .card-body #toc .collapse,
[data-bs-theme="dark"] .card .card-body #toc .collapsing,
[data-bs-theme="dark"] #mobile-toc .collapse,
[data-bs-theme="dark"] #mobile-toc .collapsing {
    background-color: transparent;
}

[data-bs-theme="dark"] .card .card-body h2.card-title {
    color: #e0e0e0;
}

/* Style for nested items in TOC */
[data-bs-theme="dark"] .card .card-body #toc .nav .nav-item .nav-link,
[data-bs-theme="dark"] #mobile-toc .nav .nav-item .nav-link {
    color: #b0b0b0;
}

[data-bs-theme="dark"] .card .card-body #toc .nav .nav-item .nav-link:hover,
[data-bs-theme="dark"] #mobile-toc .nav .nav-item .nav-link:hover {
    color: #ffffff;
}

/* Ensure proper coloring for any additional elements */
[data-bs-theme="dark"] .card .card-body #toc .text-body,
[data-bs-theme="dark"] #mobile-toc .text-body {
    color: #b0b0b0 !important;
}

[data-bs-theme="dark"] .card .card-body #toc .text-body:hover,
[data-bs-theme="dark"] #mobile-toc .text-body:hover {
    color: #ffffff !important;
}














/* Hero Section Specific Styles for Dark Mode */
[data-bs-theme="dark"] .pt-10.pb-18 h1,
[data-bs-theme="dark"] .pt-10.pb-18 .text-dark {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .pt-10.pb-18 .lead {
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .pt-10.pb-18 .form-control {
    color: #ffffff;
    background-color: #333333;
    border-color: #555555;
}

[data-bs-theme="dark"] .pt-10.pb-18 .form-control::placeholder {
    color: #aaaaaa;
}


[data-bs-theme="dark"] .pt-10.pb-18 .text-muted {
    color: #b0b0b0 !important;
}


/* General Button Styles for Dark Mode */
[data-bs-theme="dark"] .pt-10.pb-18 .btn {
    border-width: 2px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Styles for buttons outside the form */
[data-bs-theme="dark"] .pt-10.pb-18 .btn-primary:not(form .btn-primary),
[data-bs-theme="dark"] .pt-10.pb-18 .btn-dark,
[data-bs-theme="dark"] .pt-10.pb-18 .btn-light {
    background-color: transparent;
}

[data-bs-theme="dark"] .pt-10.pb-18 .btn-primary:not(form .btn-primary) {
    border-color: #bb86fc;
    color: #bb86fc;
}

[data-bs-theme="dark"] .pt-10.pb-18 .btn-primary:not(form .btn-primary):hover,
[data-bs-theme="dark"] .pt-10.pb-18 .btn-primary:not(form .btn-primary):focus {
    background-color: #bb86fc;
    color: #000000;
}

[data-bs-theme="dark"] .pt-10.pb-18 .btn-dark {
    border-color: #bb86fc;
    color: #bb86fc;
}

[data-bs-theme="dark"] .pt-10.pb-18 .btn-dark:hover,
[data-bs-theme="dark"] .pt-10.pb-18 .btn-dark:focus {
    background-color: #bb86fc;
    color: #000000;
}

[data-bs-theme="dark"] .pt-10.pb-18 .btn-light {
    border-color: #ffffff;
    color: #ffffff;
}

[data-bs-theme="dark"] .pt-10.pb-18 .btn-light:hover,
[data-bs-theme="dark"] .pt-10.pb-18 .btn-light:focus {
    background-color: #ffffff;
    color: #000000;
}

/* Specific styles for the form submit button */
[data-bs-theme="dark"] .pt-10.pb-18 form .btn-primary {
    background-color: transparent;
    border-color: #bb86fc;
    color: #bb86fc;
}

[data-bs-theme="dark"] .pt-10.pb-18 form .btn-primary:hover,
[data-bs-theme="dark"] .pt-10.pb-18 form .btn-primary:focus {
    background-color: #bb86fc;
    color: #000000;
}











/* Dark mode styles for Privacy Policy and Terms of Use pages */
[data-bs-theme="dark"] body {
    background-color: #121212;
}

[data-bs-theme="dark"] .gradient-bottom.end-white.start-gray-50 {
    background: #121212;
    border: none;
}

[data-bs-theme="dark"] .container-xxl {
    background-color: #121212;
}

[data-bs-theme="dark"] .overlap-10 {
    background-color: #1e1e1e;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] h1.display-3,
[data-bs-theme="dark"] h2.h3 {
    color: #ffffff;
}

[data-bs-theme="dark"] p.text-lg,
[data-bs-theme="dark"] ul.text-lg,
[data-bs-theme="dark"] ul.text-lg li,
[data-bs-theme="dark"] .text-heading {
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] strong {
    color: #ffffff;
}

[data-bs-theme="dark"] a {
    color: #bb86fc;
}

[data-bs-theme="dark"] a:hover {
    color: #a370f7;
}

/* Ensure no white backgrounds or borders */
[data-bs-theme="dark"] .py-10,
[data-bs-theme="dark"] .py-md-16,
[data-bs-theme="dark"] .py-xl-20 {
    background-color: #121212 !important;
    border: none !important;
}