/* Afstand mellem menu og indhold (.wrap overskrev main's padding) */
main.wrap{padding-top:32px;padding-bottom:64px}
@media (max-width:600px){main.wrap{padding-top:20px;padding-bottom:48px}}

/* Farvetema: System (standard) / Lys / Mørk – overstyrer prefers-color-scheme fra style.css */
:root{color-scheme:light dark}
:root[data-theme="light"]{color-scheme:light;
  --bg:#f6f7f8;--surface:#fff;--ink:#0d1b24;--ink-2:#3d4b55;--muted:#6b7780;--line:#e3e7ea;
  --brand:#0b8a8f;--brand-ink:#06666a;--brand-soft:#e3f3f3;--navy:#10232e;
  --shadow:0 1px 2px rgba(13,27,36,.06),0 6px 24px -12px rgba(13,27,36,.18)}
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#0b141a;--surface:#111d25;--ink:#e8eef2;--ink-2:#bccad3;--muted:#8a9aa5;--line:#1f2e38;
  --brand:#3cc3c6;--brand-ink:#6fd8da;--brand-soft:#123236;--navy:#060d12;--shadow:none}

.mode{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--bg);margin-left:10px;flex:none}
.mode button{appearance:none;border:0;background:transparent;color:var(--muted);width:30px;height:30px;border-radius:999px;display:grid;place-items:center;cursor:pointer;padding:0}
.mode button:hover{color:var(--ink)}
.mode button[aria-pressed="true"]{background:var(--surface);color:var(--brand-ink);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.mode svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:860px){
  .mode{margin-left:auto;order:4}
  .nav-toggle-label{margin-left:8px!important;order:5}
}