/* Immobilien Fleck, Variante 3: Zeitlos, verschnörkelt
 * Farben und Schriften. Schriften liegen in fonts/ (SIL Open Font License).
 * Gemessene Kontraste (WCAG, Text mindestens 4,5:1):
 *   text auf flaeche: 13.5:1  (Fließtext)
 *   primaer auf flaeche: 11.9:1  (Überschriften)
 *   sekundaer auf flaeche: 4.7:1  (Auszeichnungen in Gold)
 *   akzent auf flaeche: 8.3:1  (Hervorhebungen)
 *   sekundaer auf hintergrund: 5.2:1  (Gold auf Weiß)
 *   flaeche auf primaer: 11.9:1  (Text auf Tintenblau)
 *   sekundaer-hell auf primaer: 6.7:1  (Gold auf Tintenblau)
 *   flaeche auf akzent: 8.3:1  (Text auf Bordeaux)
 */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/cormorant-garamond-600-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("fonts/lora-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("fonts/lora-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("fonts/lora-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --farbe-primaer: #1F2E55; /* Tintenblau: Primär: Bildzeichen, Wortmarke, Überschriften */
  --farbe-sekundaer: #87672F; /* Altgold: Sekundär: Ornamente, Auszeichnungen, Linien */
  --farbe-sekundaer-hell: #D2B47E; /* Altgold hell: Gold auf dunklem Grund */
  --farbe-akzent: #7A2D3A; /* Bordeaux: Akzent: Hervorhebungen, Siegel */
  --farbe-text: #2B2520; /* Sepia: Neutral dunkel: Fließtext */
  --farbe-flaeche: #F7F2E7; /* Elfenbein: Neutral hell: Hintergrund */
  --farbe-hintergrund: #FFFFFF; /* Weiß: Neutral: Karten */

  --schrift-titel: "Cormorant Garamond", Georgia, serif;
  --schrift-text: "Lora", Georgia, serif;
  --gewicht-titel: 600;
  --gewicht-text: 400;
  --gewicht-text-fett: 600;
}