/* ── Dark mode ──────────────────────────────────── */
[data-theme="dark"],
[data-theme="dark"] body {
    --ink: #e8f4f3;
    --paper: #0d1f1e;
    --white: #112322;
    --muted: #7ab8b4;
    --border: rgba(14,165,160,0.2);
    --nav-bg: rgba(13, 31, 30, 0.92);
    --nav-border: rgba(14, 165, 160, 0.2);
    --nav-ink: #e8f4f3;
    --nav-muted: #7ab8b4;
    --text-primary: #e8f4f3;
    --text-secondary: #7ab8b4;
    --text-on-teal: #ffffff;
    --surface-1: #112322;
    --surface-2: #0d1f1e;
    --surface-3: #0a1918;
}

    /* Force dark backgrounds and text with !important
   to override Bootstrap and other vendor CSS       */
    [data-theme="dark"] body {
        background-color: #0d1f1e !important;
        color: #e8f4f3 !important;
    }

    [data-theme="dark"] .hero {
        background-color: #0d1f1e !important;
    }

    [data-theme="dark"] .services-section,
    [data-theme="dark"] .service-card {
        background-color: #112322 !important;
        color: #e8f4f3 !important;
    }

        [data-theme="dark"] .service-card:hover {
            background-color: #0a1918 !important;
        }

        [data-theme="dark"] .service-card ul li {
            color: #7ab8b4 !important;
        }

        [data-theme="dark"] .service-card .sub-category {
            color: #e8f4f3 !important;
        }

    [data-theme="dark"] .section-header h3,
    [data-theme="dark"] h1,
    [data-theme="dark"] h2,
    [data-theme="dark"] h3,
    [data-theme="dark"] h4,
    [data-theme="dark"] h5,
    [data-theme="dark"] h6 {
        color: #e8f4f3 !important;
    }

    [data-theme="dark"] p,
    [data-theme="dark"] span,
    [data-theme="dark"] li,
    [data-theme="dark"] td,
    [data-theme="dark"] th,
    [data-theme="dark"] label {
        color: #e8f4f3;
    }

    [data-theme="dark"] .blims-nav {
        background: rgba(13, 31, 30, 0.92) !important;
        border-bottom-color: rgba(14,165,160,0.2) !important;
    }

    [data-theme="dark"] .nav-brand-text {
        color: #e8f4f3 !important;
    }

        [data-theme="dark"] .nav-brand-text span {
            color: #7ab8b4 !important;
        }

    [data-theme="dark"] .blims-link {
        color: #7ab8b4 !important;
    }

    [data-theme="dark"] .site-footer {
        background: #080f0f !important;
        color: rgba(255,255,255,0.5) !important;
    }

    /* Cards, modals, dropdowns — Bootstrap components */
    [data-theme="dark"] .card {
        background-color: #112322 !important;
        color: #e8f4f3 !important;
        border-color: rgba(14,165,160,0.2) !important;
    }

    [data-theme="dark"] .modal-content {
        background-color: #112322 !important;
        color: #e8f4f3 !important;
    }

    [data-theme="dark"] .dropdown-menu {
        background-color: #112322 !important;
        border-color: rgba(14,165,160,0.2) !important;
    }

    [data-theme="dark"] .dropdown-item {
        color: #e8f4f3 !important;
    }

        [data-theme="dark"] .dropdown-item:hover {
            background-color: #0a1918 !important;
        }

    [data-theme="dark"] table,
    [data-theme="dark"] .table {
        color: #e8f4f3 !important;
        border-color: rgba(14,165,160,0.2) !important;
    }

    [data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
        background-color: rgba(14,165,160,0.05) !important;
        color: #e8f4f3 !important;
    }