/* ── Design-Tokens + Reset ───────────────────────────────────────
   Wird in allen öffentlichen Seiten eingebunden.
   Enthält keine layout- oder komponentenspezifischen Styles.
──────────────────────────────────────────────────────────────── */

/* ─── TOKENS ──────────────────────────────────────────────────── */
:root {
  --ink:      #090C10;
  --panel:    #11151B;
  --panel2:   #171C24;
  --border:   rgba(255,255,255,.07);
  --borderhi: rgba(255,255,255,.14);
  --slate:    #7A8490;
  --muted:    #4E5663;
  --signal:   #3FA9C9;
  --tide:     #1E5FA8;
  --aqua:     #5BC6DC;
  --success:  #3E9B6B;
  --warn:     #C9803A;
  --grad:     linear-gradient(135deg,#3FA9C9,#1E5FA8);
  --nav-h:    64px;

  --f-display: 'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --f-body:    'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --f-mono:    'Space Mono','SF Mono',ui-monospace,'Cascadia Code',Consolas,monospace;
}

/* ─── RESET ───────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

/* ─── BASE ────────────────────────────────────────────────────── */
html { scroll-behavior:smooth; }
html, body { min-height:100%; }
::selection { background:var(--signal); color:#fff; }

/* ─── BARRIEREFREIHEIT ────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}