/* ========================================================================== DARK MODE — activated via [data-theme="dark"] on , set by darkmode.js ========================================================================== */ [data-theme="dark"]{ --white:#1a1a1a; --light:#151515; --light-alt:#201216; --dark:#f2eee8; --gray:#b9b3aa; --gray-light:#8a847c; --border:#33282b; --shadow:0 15px 35px rgba(0,0,0,.35); --shadow-sm:0 6px 16px rgba(0,0,0,.3); --shadow-lg:0 25px 60px rgba(0,0,0,.45); } [data-theme="dark"] body{ background:#141014; color:var(--dark); } [data-theme="dark"] .site-header{ background:rgba(20,16,20,.82); border-bottom-color:rgba(255,187,0,.08); } [data-theme="dark"] .nav-list a{ color:var(--dark); } [data-theme="dark"] .nav-list a[aria-current="page"]{ color:var(--yellow); } [data-theme="dark"] .hamburger span{ background:var(--dark); } [data-theme="dark"] .card, [data-theme="dark"] .icon-card, [data-theme="dark"] .testimonial{ background:#1e1a1c; border-color:var(--border); } [data-theme="dark"] .icon-card__icon{ color:var(--wine-dark); } [data-theme="dark"] .form-control{ background:#1e1a1c; border-color:var(--border); color:var(--dark); } [data-theme="dark"] .ph{ background:linear-gradient(135deg,#201820,#171217); border-color:var(--border); } [data-theme="dark"] .breadcrumb{ background:#1c1518; } [data-theme="dark"] .theme-toggle{ background:#241a1e; color:var(--yellow); } [data-theme="dark"] .theme-toggle:hover{ background:#301f24; } [data-theme="dark"] .search-results{ background:#1e1a1c; } [data-theme="dark"] .search-results a:hover{ background:#241a1e; } [data-theme="dark"] .accordion-icon{ background:#241a1e; } [data-theme="dark"] .site-footer{ background:#0e0c0e; } /* Theme toggle icon swap */ [data-theme="dark"] .theme-toggle .icon-sun{ display:block; } [data-theme="dark"] .theme-toggle .icon-moon{ display:none; } .theme-toggle .icon-sun{ display:none; } .theme-toggle .icon-moon{ display:block; }