[data-theme="dark"] {
    --bg: #0a1822;
    --surface: #102433;
    --text: #e6f1f7;
    --muted: #98b2c1;
    --border: #1d3a4d;
    --shadow: 0 10px 30px rgba(0, 0, 0, .5);
    --primary: #35b4e0;
    --primary-d: #08283a
}

[data-theme="dark"] .theme-btn .i-moon {
    display: none
}

[data-theme="dark"] .theme-btn .i-sun {
    display: inline
}

[data-theme="dark"] .site-header {
    box-shadow: 0 2px 14px rgba(0, 0, 0, .5)
}

[data-theme="dark"] .alt {
    background: #0d1f2d
}

[data-theme="dark"] .logo i {
    color: #062d42
}

[data-theme="dark"] .logo {
    color: #e6f1f7
}

[data-theme="dark"] .icon-btn:hover {
    color: #062d42
}

[data-theme="dark"] .cta {
    background: linear-gradient(120deg, #08283a, #0d5a7c)
}

[data-theme="dark"] .footer {
    background: #06121a
}

[data-theme="dark"] .cat .ic {
    background: rgba(53, 180, 224, .12)
}

[data-theme="dark"] .cat:hover .ic {
    color: #062d42
}

[data-theme="dark"] .feature .ic {
    color: #062d42
}

[data-theme="dark"] .step:hover .ic {
    color: #062d42
}

[data-theme="dark"] .dropdown a:hover,
[data-theme="dark"] .dropdown a.active {
    background: rgba(53, 180, 224, .12)
}

/* About page */
[data-theme="dark"] .tab-btn.active {
    color: #062d42
}

[data-theme="dark"] .page-hero .wave path {
    fill: var(--bg)
}

[data-theme="dark"] .story-imgs .small {
    border-color: var(--bg)
}

[data-theme="dark"] .bar .top b {
    color: var(--primary)
}

[data-theme="dark"] .std>i {
    background: rgba(255, 107, 74, .16)
}

[data-theme="dark"] .t-social a {
    background: #e6f1f7;
    color: #062d42
}

/* Contact page */
[data-theme="dark"] .inp input:focus,
[data-theme="dark"] .inp select:focus,
[data-theme="dark"] .inp textarea:focus {
    box-shadow: 0 0 0 4px rgba(53, 180, 224, .18)
}

[data-theme="dark"] .pill input:checked+span {
    color: #062d42
}

[data-theme="dark"] .enq-side {
    background: linear-gradient(150deg, #08283a, #0d5a7c)
}

[data-theme="dark"] .st-in,
[data-theme="dark"] .form-ok {
    color: #4cd08a
}

[data-theme="dark"] .st-low {
    color: #f5b84a
}

[data-theme="dark"] .av-name i,
[data-theme="dark"] .faq-q i {
    background: rgba(53, 180, 224, .14)
}

[data-theme="dark"] .faq-item.open .faq-q i {
    color: #fff
}

[data-theme="dark"] .avail tbody tr:hover {
    background: rgba(53, 180, 224, .08)
}

[data-theme="dark"] .map-frame iframe {
    filter: invert(.9) hue-rotate(180deg) brightness(.95) contrast(.9)
}

[data-theme="dark"] .ct-social a:hover {
    color: #fff
}

/* 404 page */
[data-theme="dark"] .nf-ic {
    color: #062d42
}

[data-theme="dark"] .nf-chip:hover,
[data-theme="dark"] .nf-chip:hover i {
    color: #062d42
}

[data-theme="dark"] .nf-path code {
    color: #ff8a6e
}

/* Coming Soon page */
[data-theme="dark"] .cs-hero {
    --cs-ov: linear-gradient(120deg, rgba(4, 16, 24, .95), rgba(8, 40, 58, .88))
}

[data-theme="dark"] .cs-hero .logo i,
[data-theme="dark"] .cs-hero .icon-btn:hover {
    color: #fff
}

[data-theme="dark"] .cs-box {
    background: rgba(53, 180, 224, .08);
    border-color: rgba(53, 180, 224, .25)
}

[data-theme="dark"] .cs-form {
    background: rgba(255, 255, 255, .07)
}

/* 404 error hero */
[data-theme="dark"] .e4-glow {
    fill: rgba(53, 180, 224, .1)
}

/* Recipes page */
[data-theme="dark"] .rcp-meta span {
    background: rgba(53, 180, 224, .14)
}

[data-theme="dark"] .rcp-nut span {
    background: rgba(255, 107, 74, .16)
}

[data-theme="dark"] .rotw {
    box-shadow: none
}

[data-theme="dark"] .rcp-ing li {
    background: #0d1f2d
}

/* Products page */
[data-theme="dark"] .price small {
    color: var(--muted)
}

/* Product details page */
[data-theme="dark"] .pd-sum {
    background: linear-gradient(150deg, #08283a, #0d5a7c)
}

[data-theme="dark"] .btn-line:hover {
    color: #062d42
}

[data-theme="dark"] .pd-pref textarea:focus {
    box-shadow: 0 0 0 4px rgba(53, 180, 224, .18)
}

/* Home 2 page */
[data-theme="dark"] .ex-tab.on,
[data-theme="dark"] .ex-tab.on small,
[data-theme="dark"] .ex-tab.on i {
    color: #062d42
}

[data-theme="dark"] .ex-tab.on i {
    background: rgba(6, 45, 66, .15)
}

[data-theme="dark"] .pass i {
    color: #4cd08a
}

[data-theme="dark"] .season .ic,
[data-theme="dark"] .ex-tab i {
    background: rgba(53, 180, 224, .14)
}

[data-theme="dark"] .mq {
    background: #08283a
}