/* ============================================================
   Clerc Consulting — Design Tokens
   Single source of truth für Farben, Typografie und Abstände.
   In jeder HTML-Seite als erstes einbinden.
   ============================================================ */

:root {
  /* Farben */
  --paper:        #fbfbf9;
  --ink:          #16181c;
  --accent:       #1D5FA8;
  --accent-soft:  #E0EAF5;
  --accent-light: #90b8e8;   /* für Text auf dunklem Hintergrund */
  --muted:        #7d8088;
  --line:         #e9e9e4;
  --bg:           #f0eee9;   /* Seitenhintergrund */

  /* Typografie */
  --font:         "Manrope", system-ui, sans-serif;

  /* Abstände */
  --page-pad:     60px;
  --section-gap:  80px;
}

@media (max-width: 768px) {
  :root {
    --page-pad:   30px;
    --section-gap: 56px;
  }
}