/* ClearVision Dark Mode */
/* =========================================================
   DARK MODE
========================================================= */

[data-theme="dark"] {

    --white: #080e20;
    --off-white: #0b1226;
    --soft: #111a32;

    --text: #f1f5ff;
    --muted: #8d9bb5;

    --border: rgba(255,255,255,.11);

    --header-bg: rgba(7,14,32,.83);

    --footer: #040914;

    --navy: #050a18;
    --navy-2: #080f23;

    color-scheme: dark;
}

[data-theme="dark"] body {
    background:
        radial-gradient(
            circle at 20% 10%,
            rgba(40,103,255,.08),
            transparent 30%
        ),
        #080e20;
}

[data-theme="dark"] .navbar {
    box-shadow:
        0 20px 60px rgba(0,0,0,.4);

    border-color: rgba(255,255,255,.08);
}

[data-theme="dark"] .nav-link {
    color: #93a1bb;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
    color: #6f91ff;
}

[data-theme="dark"] .dropdown-menu {
    background: #0d162d;

    border-color: rgba(255,255,255,.1);

    box-shadow:
        0 25px 80px rgba(0,0,0,.5);
}

[data-theme="dark"] .dropdown-item:hover {
    background: #131f3c;
}

[data-theme="dark"] .dropdown-item strong {
    color: #fff;
}

[data-theme="dark"] .dropdown-item small {
    color: #7786a3;
}

[data-theme="dark"] .frame-info h3,
[data-theme="dark"] .offer-content h2 {
    color: #f5f7ff;
}

[data-theme="dark"] .frames-section,
[data-theme="dark"] .story-section,
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .offer-section {
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(78,94,255,.08),
            transparent 30%
        ),
        #080e20;
}

[data-theme="dark"] .frame-image {
    background: #111a31;
}

[data-theme="dark"] .story-copy {
    background: #0d162c;

    box-shadow:
        0 25px 70px rgba(0,0,0,.35);
}

[data-theme="dark"] .eye-test-section {
    background: #0d1830;
}

[data-theme="dark"] .eye-test-content h2 {
    color: #fff;
}

[data-theme="dark"] .eye-test-points span {
    color: #a3b0c6;
}

[data-theme="dark"] .testimonial p {
    color: #95a2b8;
}

[data-theme="dark"] .control-btn,
[data-theme="dark"] .icon-btn,
[data-theme="dark"] .menu-toggle {
    border-color: rgba(255,255,255,.12);

    color: #fff;
}

[data-theme="dark"] .control-btn:hover,
[data-theme="dark"] .icon-btn:hover,
[data-theme="dark"] .menu-toggle:hover {
    background: #121d36;
}

[data-theme="dark"] .login-btn {
    background: #fff;

    color: #071126;
}

[data-theme="dark"] .offer-content p {
    color: #8d9bb5;
}

[data-theme="dark"] .ambient {
    opacity: .12;
}