/* =============================================================
   IBA-RLP Design Tokens — Liefer-Variante: Sans · Kompakt · Rot
   ============================================================= */

:root {
  /* Farben */
  --ink:          #15171a;
  --ink-2:        #3a3f47;
  --muted:        #6b7280;
  --paper:        #fbfaf7;
  --card:         #ffffff;
  --line:         #e6e7ea;
  --line-2:       #eef0f2;

  /* Akzent — Default: Rot */
  --accent:       #c8392c;
  --accent-soft:  #fdecea;

  /* Typografie — Sans-Setup */
  --font-headline: "Inter Tight", system-ui, sans-serif;
  --font-body:     "Inter Tight", system-ui, sans-serif;
  --fw-headline:   500;

  /* Abstände — Kompakt-Setup */
  --section-pad: 88px;
  --block-gap:   32px;
  --hero-pad:    130px;

  /* Layout */
  --max-w:      1240px;
  --side-pad:   56px;

  /* Radien */
  --r-img:      4px;
  --r-hero:     6px;
  --r-card:     10px;
  --r-pill:     99px;
}

/* --- Akzent-Varianten --- */
[data-accent="anthrazit"] { --accent: #2b2f36; --accent-soft: #eef0f2; }
[data-accent="burgund"]   { --accent: #7a2a2a; --accent-soft: #f4e8e8; }

/* --- Dichte-Varianten --- */
[data-density="luftig"]   { --section-pad: 140px; --block-gap: 56px; --hero-pad: 200px; }

/* --- Schrift-Varianten --- */
[data-headline="serif"] {
  --font-headline: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
  --fw-headline:   400;
}
[data-headline="mono"] {
  --font-headline: "JetBrains Mono", ui-monospace, monospace;
  --fw-headline:   500;
}