/* Immobilien Fleck, Variante 2: Modern, bold, gewagt
 * Farben und Schriften. Schriften liegen in fonts/ (SIL Open Font License).
 * Gemessene Kontraste (WCAG, Text mindestens 4,5:1):
 *   text auf flaeche: 14.0:1  (Fließtext)
 *   text auf hintergrund: 16.9:1  (Fließtext auf Karte)
 *   sekundaer auf flaeche: 7.4:1  (Auszeichnungen)
 *   text-leise auf flaeche: 6.2:1  (Nebentext)
 *   hintergrund auf primaer: 16.9:1  (Schaltfläche)
 *   akzent auf primaer: 10.0:1  (Eisblau auf Nachtblau)
 *   flaeche auf primaer: 14.0:1  (Text auf Nachtblau)
 *   primaer auf akzent: 10.0:1  (Text auf Eisblau)
 */

@font-face {
  font-family: "Big Shoulders Display";
  src: url("fonts/big-shoulders-display-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Big Shoulders Display";
  src: url("fonts/big-shoulders-display-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Big Shoulders Display";
  src: url("fonts/big-shoulders-display-900-normal.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --farbe-primaer: #0F1B3D; /* Nachtblau: Primär: Wortmarke, große Flächen, Links, Schaltflächen */
  --farbe-sekundaer: #3E4A63; /* Stahlgrau: Sekundär: Nebentext, Linien, Auszeichnungen */
  --farbe-akzent: #A9C8FF; /* Eisblau: Akzent: Bildzeichen, Flächen, Text auf Nachtblau (kein Text auf Hell) */
  --farbe-text: #0F1B3D; /* Nachtblau: Neutral dunkel: Text */
  --farbe-text-leise: #4F5566; /* Asphalt: Neutral: Nebentext */
  --farbe-flaeche: #ECEAE4; /* Beton: Neutral hell: Hintergrund, Flächen */
  --farbe-hintergrund: #FFFFFF; /* Weiß: Neutral: Karten */

  --schrift-titel: "Big Shoulders Display", system-ui, sans-serif;
  --schrift-text: "Barlow", system-ui, sans-serif;
  --gewicht-titel: 900;
  --gewicht-text: 400;
  --gewicht-text-fett: 700;
}