/* Immobilien Fleck, Variante 1: Modern, neutral
 * Farben und Schriften. Schriften liegen in fonts/ (SIL Open Font License).
 * Gemessene Kontraste (WCAG, Text mindestens 4,5:1):
 *   text auf hintergrund: 16.2:1  (Fließtext)
 *   text auf flaeche: 14.7:1  (Fließtext auf Fläche)
 *   primaer auf hintergrund: 8.0:1  (Links, Überschriften)
 *   sekundaer auf hintergrund: 6.1:1  (Nebentext)
 *   sekundaer auf flaeche: 5.5:1  (Nebentext auf Fläche)
 *   hintergrund auf primaer: 8.0:1  (Schaltfläche)
 *   hintergrund auf text: 16.2:1  (Text auf Dunkel)
 *   primaer-hell auf text: 8.1:1  (Links auf Dunkel)
 *   akzent auf text: 7.1:1  (Akzent auf Dunkel)
 */

@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/source-sans-3-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/source-sans-3-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/source-sans-3-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --farbe-primaer: #2B4C9E; /* Fleckblau: Primär: Bildzeichen, Links, Schaltflächen */
  --farbe-primaer-hell: #A3B6EE; /* Fleckblau hell: Primär auf dunklem Grund */
  --farbe-sekundaer: #59636F; /* Schiefer: Sekundär: Nebentext, Linien */
  --farbe-akzent: #C9A779; /* Sand: Akzent: Flächen, Markierungen (kein Text auf Weiß) */
  --farbe-text: #1D2127; /* Graphit: Neutral dunkel: Text, Wortmarke */
  --farbe-flaeche: #F2F4F7; /* Nebel: Neutral hell: Flächen */
  --farbe-hintergrund: #FFFFFF; /* Weiß: Neutral: Hintergrund */

  --schrift-titel: "Manrope", system-ui, sans-serif;
  --schrift-text: "Source Sans 3", system-ui, sans-serif;
  --gewicht-titel: 800;
  --gewicht-text: 400;
  --gewicht-text-fett: 600;
}