/* Mist is the default. The design route retains the other palette previews. */
html[data-palette="mist"]{--page:#e6ede7;--card:#eef2ed;--subtle:#dce6dd;--ink:#1c3025;--muted:#4b6052;--line:#c4d2c7;--accent:#123d30}
html[data-palette="slate"]{--page:#e4e8e9;--card:#eef0f0;--subtle:#d8dfe0;--ink:#21312f;--muted:#50615c;--line:#c6d0ce;--accent:#123d30}
html[data-palette="stone"]{--page:#e7e5df;--card:#f0eee7;--subtle:#dcded2;--ink:#2a3027;--muted:#596152;--line:#cbcfc1;--accent:#123d30}
html[data-palette="forest"]{--page:#17281f;--card:#21362a;--subtle:#294033;--ink:#e3ebe2;--muted:#acbeb0;--line:#415e4a;--accent:#b8d2be}
html[data-palette="forest"] .button{color:#17281f}
html[data-palette="forest"] .button:hover{background:#e3ebe2;border-color:#e3ebe2}
html[data-palette="forest"] .contact{background:var(--card);color:var(--ink)}
html[data-palette="forest"] .contact h2,html[data-palette="forest"] .contact-meta{color:var(--muted)}