html.dark {
    --ink: #edf5ef;
    --muted: #a9b9b2;
    --paper: #101c1a;
    --surface: #172825;
    --line: #30443e;
    --teal: #44b7a7;
    --teal-dark: #0e4c48;
    --coral: #f18b6b;
    --gold: #e8bd70;
    --shadow: 0 18px 50px rgba(0, 0, 0, .25)
}

html.dark .site-header {
    background: var(--paper)
}

html.dark .split-copy,
html.dark .page-hero {
    background: #1e3630
}

html.dark .destination:after {
    background: linear-gradient(transparent, rgba(0, 0, 0, .8))
}

html.dark .success {
    background: #173c2b;
    color: #a9e6bd
}

html.dark .dashboard-shell {
    background: #101c1a
}

html.dark .icon-btn,
html.dark .menu-btn {
    color: var(--ink)
}

html.dark .home-trigger,
html.dark .dashboard-trigger {
    color: var(--muted)
}

html.dark .home-menu.active .home-trigger,
html.dark .dashboard-trigger.active {
    color: var(--teal)
}

html.dark .auth-page {
    background: var(--paper);
}

html.dark .auth-form .field input {
    border-color: var(--line);
    background: var(--paper);
    color: var(--ink)
}

html.dark .live-map {
    background: #1e3630
}

html.dark .location-status {
    background: var(--surface);
    color: var(--ink)
}