/* ========================================================================== dark-mode.css — dark theme token overrides. Activated when is set (toggled + persisted by assets/js/script.js). Load this file AFTER style.css. ========================================================================== */ [data-theme="dark"]{ --bg: var(--vn-green-900); --bg-raised: #1E3B2C; --bg-sunken: #102117; --text: var(--text-on-dark); --text-muted: #B6C7BC; --border: rgba(243, 239, 224, 0.14); --border-strong: rgba(243, 239, 224, 0.28); --accent: var(--vn-lime); --accent-2: var(--vn-mango); --brand: var(--vn-cream); --shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.35); --shadow-lift: 0 24px 56px rgba(0, 0, 0, 0.45); color-scheme: dark; } [data-theme="dark"] em, [data-theme="dark"] .accent-script{ color: var(--vn-lime-2); } [data-theme="dark"] .rail-card, [data-theme="dark"] .menu-card, [data-theme="dark"] .post-card, [data-theme="dark"] .price-card, [data-theme="dark"] .testimonial-card, [data-theme="dark"] .sidebar-block, [data-theme="dark"] .service-card, [data-theme="dark"] .featured-post{ box-shadow:none; } [data-theme="dark"] .newsletter-form input::placeholder{ color:#7E9385; } [data-theme="dark"] .map-placeholder{ border-color:var(--border-strong); } [data-theme="dark"] .field input, [data-theme="dark"] .field select, [data-theme="dark"] .field textarea{ background:var(--bg-sunken); } [data-theme="dark"] .legal-toc{ background:var(--bg-sunken); }