:root {
  --bg:#0b1020;
  --surface:#0f162c;
  --panel:#121a34;
  --text:#e8ebf2;
  --muted:#a4aec4;
  --brand:#6aa3ff;
  --brand-2:#c5d9ff;
  --shadow:0 6px 16px rgba(0,0,0,.28);
  --radius:14px;
  --maxw:1320px;
  --pad-s:14px;
  --pad-m:40px;
  --pad-l:60px;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg:#f6f8fc;
    --surface:#ffffff;
    --panel:#ffffff;
    --text:#0f1424;
    --muted:#566481;
    --brand:#1E40AF;
    --brand-2:#3B82F6;
    --shadow:0 6px 16px rgba(2,12,43,.08);
  }
}

/* Einheitliche Section & Container-Logik */
html,body {
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  font:17px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
}

.container {
  max-width:var(--maxw);
  margin-inline:auto;
  padding:0 clamp(12px,2vw,20px);
}

.section {
  padding:var(--pad-m) 0;
}