/*
 * FÖHRE – ZENTRALE FARB- UND SCHRIFTTOKENS
 * Alle Seiten- und Hoverfarben beziehen ihre Werte ausschließlich von hier.
 * Transparente Varianten basieren auf diesen Grundfarben (color-mix).
 * Die je Seite unterschiedlichen Hover-ZUORDNUNGEN bleiben in
 * interaction-theme.css. Hier stehen ausschließlich die fünf Farbgrundwerte.
 * Partnerlogos, Bilder und Fotos sind KEINE UI-Farbdefinitionen.
 */
:root {
  --foehre-color-orange: #b34b00; /* Designorange */
  --foehre-color-ochre: #9b7723;  /* Designocker */
  --foehre-color-green: #324230;  /* Designgrün */
  --foehre-color-paper: #ebf0ef;  /* Hellgrau */
  --foehre-color-black: #101510;  /* Schwarz */

  /* Lokale IBM Plex Sans: Light für Fließtext, Medium für Überschriften. */
  --foehre-font-base: "IBM Plex Sans", sans-serif;
  --foehre-font-arial: "IBM Plex Sans", Arial, sans-serif;
  --foehre-weight-light: 300;
  --foehre-weight-medium: 500;

  /* Die beiden mobilen Sprachauswahlen sind dauerhaft 16 px groß. */
  --foehre-mobile-language-size: 16px;
}
