body[data-contact-palette="dark"] {
  color-scheme: dark;
  --color-ink: #111111;
  --history-panel: #11181c;
  --history-line: #303b40;
  --history-ink: #edf1f0;
  background: #080b0d;
  color: #111111;
}

body[data-contact-palette="dark"] .contact-page {
  --color-background: #080b0d;
  --color-surface: #12171a;
  --color-surface-strong: #20272b;
  --color-line: #303a3f;
  --color-ink: #edf1f0;
  --color-muted: #98a3a4;
  --color-on-dark: #071012;
  color: var(--color-ink);
  background:
    radial-gradient(circle at 18% 8%, rgb(92 117 129 / 12%), transparent 34rem),
    #080b0d;
}

body[data-contact-palette="dark"] .contact-workspace {
  border-color: #3b474c;
  background: #3b474c;
  box-shadow: 0 3rem 8rem -3rem rgb(0 0 0 / 82%);
}

body[data-contact-palette="dark"] .contact-workspace::before {
  background: rgb(12 17 20 / 98%);
}

body[data-contact-palette="dark"] .contact-workspace::after {
  border-color: #4c595f;
  background: #11181c;
}

body[data-contact-palette="dark"] .contact-form,
body[data-contact-palette="dark"] .contact-history-detail {
  background: rgb(12 17 20 / 98%);
}

body[data-contact-palette="dark"] .contact-guide,
body[data-contact-palette="dark"] .contact-history-index {
  border-color: #4c595f;
  background: #11181c;
}

body[data-contact-palette="dark"] .contact-panel-heading,
body[data-contact-palette="dark"] .contact-history-detail-heading {
  border-color: #303b40;
}

body[data-contact-palette="dark"] .contact-mode-switch {
  border-color: #344046;
  background: #0a0f12;
}

body[data-contact-palette="dark"] .contact-mode-switch::before {
  background: #e5ebea;
  box-shadow: 0 0.7rem 1.8rem rgb(0 0 0 / 34%);
}

body[data-contact-palette="dark"] .contact-mode-switch button {
  color: #95a0a2;
}

body[data-contact-palette="dark"] .contact-mode-switch button[aria-pressed="true"] {
  color: #091013;
}

body[data-contact-palette="dark"] .contact-mode-switch button:focus-visible {
  outline-color: #d7e0df;
}

body[data-contact-palette="dark"][data-route="contact"] .contact-field-label,
body[data-contact-palette="dark"][data-route="contact"] .contact-reply-method legend {
  color: #d4dbda;
}

body[data-contact-palette="dark"][data-route="contact"] .contact-field-label b,
body[data-contact-palette="dark"][data-route="contact"] .contact-reply-method legend b,
body[data-contact-palette="dark"][data-route="contact"] .contact-field-label em[data-required="true"],
body[data-contact-palette="dark"][data-route="contact"] .contact-consent small b {
  color: #c5a18f;
}

body[data-contact-palette="dark"][data-route="contact"] .contact-field-label em,
body[data-contact-palette="dark"][data-route="contact"] .contact-field-label b[data-optional="true"] {
  color: #889395;
}

body[data-contact-palette="dark"] .contact-field input,
body[data-contact-palette="dark"] .contact-field textarea {
  border-color: #414d52;
  background: transparent;
  color: #edf1f0;
}

body[data-contact-palette="dark"] .contact-field textarea {
  background: rgb(17 24 28 / 66%);
}

body[data-contact-palette="dark"] .contact-field input:focus,
body[data-contact-palette="dark"] .contact-field textarea:focus {
  border-color: #9caeb5;
  background: rgb(31 43 48 / 74%);
}

body[data-contact-palette="dark"] .contact-field input::placeholder,
body[data-contact-palette="dark"] .contact-field textarea::placeholder {
  color: #687477;
}

body[data-contact-palette="dark"] .contact-segmented-control {
  background: #080d10;
}

body[data-contact-palette="dark"][data-route="contact"] .contact-segmented-control span {
  color: #939d9f;
}

body[data-contact-palette="dark"] .contact-segmented-control input:checked + span {
  background: #263137;
  box-shadow: 0 0.6rem 1.5rem rgb(0 0 0 / 28%);
  color: #f3f5f4;
}

body[data-contact-palette="dark"] .contact-segmented-control input:focus-visible + span {
  outline-color: #c9d3d3;
}

body[data-contact-palette="dark"] .contact-file-drop {
  border-color: #526066;
  background: rgb(15 21 24 / 42%);
}

body[data-contact-palette="dark"] .contact-file-drop:hover,
body[data-contact-palette="dark"] .contact-file-drop:focus-within {
  border-color: #91a1a7;
  background: #151e22;
}

body[data-contact-palette="dark"] .contact-file-icon {
  background: #263238;
  color: #e8eceb;
}

body[data-contact-palette="dark"][data-route="contact"] .contact-file-drop small,
body[data-contact-palette="dark"][data-route="contact"] .contact-file-drop em {
  color: #899496;
}

body[data-contact-palette="dark"] .contact-consent > span {
  border-color: #566267;
  background: #11171a;
}

body[data-contact-palette="dark"] .contact-consent input:checked + span {
  border-color: #e5ebea;
  background: #e5ebea;
}

body[data-contact-palette="dark"] .contact-consent input:checked + span::after {
  color: #081013;
}

body[data-contact-palette="dark"] .contact-consent input:focus-visible + span {
  outline-color: #c9d3d3;
}

body[data-contact-palette="dark"] .contact-consent small,
body[data-contact-palette="dark"] .contact-submit-row p {
  color: #899496;
}

body[data-contact-palette="dark"] .contact-submit-row p[data-active="true"] {
  color: #b7cac4;
}

body[data-contact-palette="dark"] .contact-submit-row button {
  background: #e5ebea;
  color: #081013;
}

body[data-contact-palette="dark"] .contact-submit-row button:hover,
body[data-contact-palette="dark"] .contact-submit-row button:focus-visible {
  background: #ffffff;
}

body[data-contact-palette="dark"] .contact-submit-row button i {
  background: #0a1114;
  color: #f0f3f2;
}

body[data-contact-palette="dark"] .contact-guide-body::after {
  background: linear-gradient(transparent, #11181c 76%);
}

body[data-contact-palette="dark"] .contact-guide-list {
  scrollbar-color: #526066 transparent;
}

body[data-contact-palette="dark"] .contact-guide-list::-webkit-scrollbar-thumb {
  background: #526066;
}

body[data-contact-palette="dark"] .contact-guide-list li,
body[data-contact-palette="dark"] .contact-history-list,
body[data-contact-palette="dark"] .contact-history-list li {
  border-color: #303b40;
}

body[data-contact-palette="dark"] .contact-guide-copy small,
body[data-contact-palette="dark"] .contact-guide-number,
body[data-contact-palette="dark"] .contact-history-list-copy small,
body[data-contact-palette="dark"] .contact-history-detail article header small,
body[data-contact-palette="dark"] .contact-history-detail-heading small {
  color: #8f9a9c;
}

body[data-contact-palette="dark"] .contact-guide-list .contact-guide-expandable-item button {
  border-color: #3b484e;
  background: rgb(26 36 40 / 76%);
  box-shadow: 0 1rem 2.5rem -1.7rem rgb(0 0 0 / 74%);
}

body[data-contact-palette="dark"] .contact-guide-list .contact-guide-expandable-item button:hover,
body[data-contact-palette="dark"] .contact-guide-list .contact-guide-expandable-item button:focus-visible {
  border-color: #71838a;
  background: #202c31;
}

body[data-contact-palette="dark"] .contact-guide-expandable-item .contact-guide-number {
  border-color: #506066;
  background: #10171a;
}

body[data-contact-palette="dark"] .contact-guide-open {
  color: #9db1ad;
}

body[data-contact-palette="dark"] .contact-guide-expand-icon {
  background: #e5ebea;
  color: #081013;
}

body[data-contact-palette="dark"] .contact-guide-details {
  border-color: #344147;
  background: rgb(18 26 30 / 94%);
}

body[data-contact-palette="dark"] .contact-guide-details article > p:first-child,
body[data-contact-palette="dark"] .contact-ai-checkpoints b,
body[data-contact-palette="dark"] .contact-ai-tools b {
  color: #899496;
}

body[data-contact-palette="dark"] .contact-guide-details article > p:not(:first-child),
body[data-contact-palette="dark"] .contact-guide-details li {
  color: #b7c0c0;
}

body[data-contact-palette="dark"] .contact-guide-details ul,
body[data-contact-palette="dark"] .contact-guide-details li {
  border-color: #344147;
}

body[data-contact-palette="dark"] .contact-ai-checkpoints,
body[data-contact-palette="dark"] .contact-ai-tools {
  border-color: #344147;
  background: #344147;
}

body[data-contact-palette="dark"] .contact-ai-checkpoints span,
body[data-contact-palette="dark"] .contact-ai-tools span {
  background: #172126;
  color: #c6cecd;
}

body[data-contact-palette="dark"] .contact-guide-scroll-hint {
  border-color: #415057;
  background: rgb(13 19 22 / 94%);
  box-shadow: 0 0.8rem 2rem rgb(0 0 0 / 28%);
  color: #aab5b5;
}

body[data-contact-palette="dark"] .contact-history-prototype-note {
  border-color: #354248;
  background: #151e22;
  color: #9aa5a6;
}

body[data-contact-palette="dark"] .contact-history-list-number {
  border-color: #536166;
  color: #a1acad;
}

body[data-contact-palette="dark"] .contact-history-list-copy em {
  background: #202a2f;
  color: #aab4b5;
}

body[data-contact-palette="dark"] .contact-history-list button[aria-current="true"]
  .contact-history-list-number {
  border-color: #e5ebea;
  background: #e5ebea;
  color: #081013;
}

body[data-contact-palette="dark"] .contact-history-detail-heading,
body[data-contact-palette="dark"] .contact-history-detail h4 {
  border-color: #344147;
}

body[data-contact-palette="dark"] .contact-history-detail h4 {
  color: #aab5b5;
}

body[data-contact-palette="dark"] .contact-history-detail article section > p {
  color: #c1c9c8;
}

body[data-contact-palette="dark"] .contact-history-files button {
  border-color: #3e4b51;
  background: rgb(20 29 33 / 86%);
  color: #dce2e1;
}

body[data-contact-palette="dark"] .contact-history-files button:hover,
body[data-contact-palette="dark"] .contact-history-files button:focus-visible {
  border-color: #84969d;
  background: #1c282d;
}

body[data-contact-palette="dark"] .contact-history-files button span,
body[data-contact-palette="dark"] .contact-history-status {
  color: #93a0a2;
}

body[data-contact-palette="dark"] .contact-guide-intro-spine {
  border-color: #d9dfde;
}