/* ==========================================================================
   nexum//vector – Design Tokens
   1:1 aus der Alt-Site (nv-alt.test) uebernommen. In das Grav-Theme einbinden.
   ========================================================================== */

:root {
  /* --- Farben --- */
  --bg:            #050505;   /* Seitenhintergrund */
  --panel:         #090909;   /* Panels / Karten */
  --text:          #e8e2d8;   /* Fliesstext (warmes Off-White) */
  --muted:         #8f8a82;   /* Sekundaertext / Labels */
  --accent:        #b3aea5;   /* Akzent (gedaempftes Beige-Grau) */
  --border:        rgba(232, 226, 216, 0.18);
  --border-strong: rgba(232, 226, 216, 0.28);

  /* --- Typografie --- */
  --font-body: "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --fs-body:   16px;
  --lh-body:   1.65;

  /* --- Spacing-Skala --- */
  --space-xs:  0.625rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* --- Layout --- */
  --max-width:     1200px;
  --header-height: 4.25rem;
}

/* --- Basis --- */
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

h1 {
  font-family: var(--font-mono);
  font-size: 88px;
  font-weight: 200;
  line-height: 0.95;
  color: var(--text);
}

h2 { font-weight: 400; font-size: 20px; }

.section-inner { max-width: var(--max-width); margin: 0 auto; }

/* Terminal-Button im Stil [ listen ] */
.terminal-button {
  font-family: var(--font-mono);
  color: var(--text);
  border: 1px solid var(--border);
  padding: var(--space-xs) var(--space-md);
  text-decoration: none;
  display: inline-block;
}
.terminal-button:hover { border-color: var(--border-strong); }