/* Die freigegebene Landingpage verwendet den geprüften lokalen Entwurf. */
@import url("ui-demo/demo.css");

html[data-theme='dark'] {
  --ink: #eaf2f1;
  --ink-soft: #a9c4c1;
  --pine: #4fb8b0;
  --teal: #4fb8b0;
  --teal-pale: #163b40;
  --coral: #ff7a5c;
  --cream: #0b1e20;
  --paper: #163b40;
  --sand: #163b40;
  --line: rgba(234,242,241,.18);
  --shadow: 0 22px 55px rgba(0,0,0,.28);
}

html[data-theme='dark'] .site-header { background: rgba(10,32,34,.9); }
html[data-theme='dark'] .brand-mark { background-color: #84d1c4; color: transparent; }
html[data-theme='dark'] .hero-art { background: #1a595a; }
html[data-theme='dark'] .arch-back { background: #4d9992; }
html[data-theme='dark'] .arch-front { background: #0d373b; }
html[data-theme='dark'] .note { background: rgba(17,53,57,.94); border-color: rgba(237,246,242,.18); color: var(--ink); }
html[data-theme='dark'] .circle-link, html[data-theme='dark'] .contact-card { background: var(--paper); }
html[data-theme='dark'] .process-section { background: #0b3337; }
html[data-theme='dark'] .theme-switch { border-color: rgba(237,246,242,.2); background: #164246; color: #f3faf7; }

.navigation { grid-template-columns: 1fr auto auto auto; }
.theme-switch { align-items: center; justify-content: center; display: inline-flex; width: 2.35rem; height: 2.35rem; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: var(--paper); color: var(--ink); cursor: pointer; font-size: 1rem; transition: transform 140ms var(--ease-out), background-color 180ms ease; }
.theme-switch:active { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) { .theme-switch:hover { transform: translateY(-1px); } }
@media (max-width: 850px) { .navigation { grid-template-columns: 1fr auto auto; }.login-link { justify-self: auto; } .theme-switch { justify-self: end; } }