/*
 * spotblick Brand Tokens
 * ----------------------
 * Zentrale Design-Variablen fuer ALLE Seiten der Landingpage.
 * Aenderungen hier wirken sich auf jede HTML-Datei aus, die diese
 * CSS-Datei einbindet (index, kontakt, impressum, datenschutz,
 * barrierefreiheit, blog).
 *
 * NICHT in den HTML-Dateien noch einmal in :root setzen, sonst
 * werden diese Werte ueberschrieben.
 */

:root {
  /* Brand-Farben (Greens) */
  --green:        #01EA51;
  --green-dark:   #003312;
  --green-light:  #cdfed8;
  --green-pastel: #adffc0;
  --green-muted:  #b8dba0;   /* gedaempftes Oliv-Pastell, fuer MwSt-Segment im Widget-Chart */

  /* Neutrale Farben */
  --black:         #0e0f0c;
  --gray:          #868685;   /* nur fuer Borders/Dividers, NICHT als Textfarbe */
  --gray-warm:     #454745;   /* sekundaere Texte, gibt 9.5:1 Kontrast auf weiss */
  --surface-light: #e8ebe6;
  --white:         #ffffff;

  /* Status-Farben */
  --positive: #054d28;
  --danger:   #d03238;
  --warning:  #ffd11a;
  --orange:   #ffc091;

  /* Typografie */
  --font: 'Urbanist', 'Inter', Helvetica, Arial, sans-serif;
  --heading-lh: 1.2;          /* Zeilenhoehe der Display-Headings */

  /* Layout */
  --logo-h: 55px;             /* Logo-Hoehe im Header */
  --max:    1140px;
}