/* =========================================================
   KDS NANNT — Design-Tokens
   Einzige Datei für Farb-, Typo- und Maßanpassungen.

   Farbwerte aus der Logodatei entnommen:
   Gold #A8905F, Wortmarke nahezu Schwarz.
   ========================================================= */

:root{

  /* --- Flächen: hell geführt --------------------------- */
  --bg-light:  #FBF8F3;   /* warmes Elfenbein, Grundfläche   */
  --bg-tint:   #F3EDE2;   /* getönte Zebra-Fläche            */
  --surface:   #FFFFFF;   /* Karten                          */
  /* Abschluss-CTA und Footer laufen im selben Ton, sonst wirkt der
     Seitenfuss zweigeteilt. */
  --bg-dark:   #1A1611;
  --bg-deep:   #1A1611;
  --bg-deepest:#141109;   /* nur fuer die unterste Rechtsleiste */

  /* --- Schrift ----------------------------------------- */
  --ink:          #221E19;
  --ink-soft:     #6B6157;
  --ink-inv:      #FBF8F3;
  --ink-soft-inv: #C7BBA7;

  /* --- Akzent aus dem Logo ----------------------------- */
  --gold:      #A8905F;
  --gold-deep: #866F45;
  --gold-soft: #D8C79F;
  --gold-wash: #F0E8DA;

  /* Signalfarbe, sparsam: Hinweise und Warnungen */
  --signal:    #8C2F27;

  /* --- Linien ------------------------------------------ */
  --line:        rgba(34,30,25,.12);
  --line-strong: rgba(34,30,25,.22);
  --line-inv:    rgba(251,248,243,.16);
  --line-gold:   rgba(168,144,95,.45);

  /* --- Radius & Schatten ------------------------------- */
  --radius-card: 16px;
  --radius-img:  14px;
  --radius-pill: 999px;
  --shadow:      0 1px 3px rgba(34,30,25,.05), 0 8px 24px rgba(34,30,25,.05);
  --shadow-lift: 0 6px 14px rgba(34,30,25,.07), 0 20px 44px rgba(34,30,25,.10);

  /* --- Typo: zwei Rollen, beide grotesk ----------------
     Die Wortmarke NANNT ist eine kräftige, leicht schmale
     Grotesk. Deshalb keine Serif: Überschriften laufen in
     derselben Familie, unterschieden über Gewicht und Laufweite. */
  --font-display: "Helvetica Neue", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-sans:    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-h1:    clamp(2.2rem, 4.6vw, 3.7rem);
  --fs-h2:    clamp(1.5rem, 2.8vw, 2.1rem);
  --fs-h3:    clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-body:  clamp(15.5px, 1.05vw, 16px);
  --fs-small: 14.5px;

  --lh-head:  1.14;
  --lh-body:  1.75;
  --weight-display: 800;
  --track-display: -.022em;
  --track-eyebrow:  .2em;
  --track-btn:      .1em;

  /* --- Raster ------------------------------------------ */
  --container:       1440px;
  --container-wide:  1600px;
  --container-legal:  760px;
  --gutter:          clamp(1.25rem, 3.5vw, 3.5rem);
  --gap:             clamp(1.25rem, 2.2vw, 2rem);
  --section-y:       clamp(3.25rem, 6vw, 6rem);
}