/* The same contact card, lit in ice-blue rather than navy. */
html[data-theme='light'] .contact-page { background: var(--bg); }
/* One daylight atmosphere behind header, introduction and contact card. The
   lower fade belongs to the whole scene rather than a fixed-height masthead. */
html[data-theme='light'] .contact-atmosphere {
  height: min(1050px,100%);
  background:
    linear-gradient(180deg,#f3f8fcbd,transparent 26%,#f3f8fc30 62%,var(--bg) 100%),
    url('assets/light-space-earth.webp') center 16% / cover no-repeat;
}
html[data-theme='light'] .contact-atmosphere::before,
html[data-theme='light'] .contact-atmosphere::after { content: none; }
html[data-theme='light'] .contact-eyebrow { color: var(--muted); }
html[data-theme='light'] .contact-card { border-color: #19a6cf; background: #fff; box-shadow: 0 0 0 1px #00b9ef0d,0 0 30px #00baff1c,inset 0 0 30px #00baff08,0 20px 60px #194e7018; }
html[data-theme='light'] :is(.contact-profile,.contact-direct,.contact-support) { border-color: var(--line); }
html[data-theme='light'] .contact-portrait { border-color: #8cbfce; }
html[data-theme='light'] :is(.contact-role,.contact-personal,.contact-privacy,.contact-status,#screenshot-name) { color: var(--body); }
html[data-theme='light'] :is(.contact-required,.contact-optional,.contact-help,#message-counter) { color: var(--muted); }
html[data-theme='light'] :is(.contact-topic,.contact-upload-button) { background: #f1f7fb; color: var(--text); border-color: #728f9f; }
html[data-theme='light'] :is(.contact-topic,.contact-upload-button):hover { background: #deedf6; border-color: var(--accent); }
html[data-theme='light'] :is(.contact-topic,.contact-upload-button,.contact-email-input) .contact-icon { color: #466f88; }
html[data-theme='light'] .contact-topic:has(input:checked) { border-color: var(--accent); background: #e1f4fa; box-shadow: inset 0 0 0 1px var(--accent); }
html[data-theme='light'] .topic-check { color: #fff; }
html[data-theme='light'] .contact-field :is(input,select,textarea) { background: #f8fbfd; border-color: #728f9f; color: var(--text); }
html[data-theme='light'] .contact-field select option { color: var(--text); background: var(--surface); }
html[data-theme='light'] .contact-field :is(input,textarea)::placeholder { color: #516b7c; }
html[data-theme='light'] :is(.contact-small-button,.contact-support summary,.contact-privacy a) { color: var(--accent); }
html[data-theme='light'] .contact-file-preview { border-color: var(--line); background: var(--surface); }
html[data-theme='light'] .contact-file-preview img { background: #e4eff6; }
html[data-theme='light'] .contact-submit { border-color: #007bc5; background: linear-gradient(110deg,#006fc6,#0051dc); box-shadow: 0 5px 20px #008bff26,inset 0 1px 0 #ffffff45; }
html[data-theme='light'] .contact-submit:hover:enabled { background: linear-gradient(110deg,#005fae,#004ac9); }
html[data-theme='light'] .contact-field [aria-invalid=true] { border-color: #b43c32; }
html[data-theme='light'] :is(.contact-field-error,.contact-status.is-error) { color: #a42e25; }

@media(max-width:800px) {
  html[data-theme='light'] .contact-atmosphere { height: 1050px; background-position: center, 60% top; }
}