/* =====================================================================================
   Vorlage 31 Immobilienbüro · Farben, Schrift, Ecken, Abstände
   Brücke zur Web-App: --bg --surface --text --muted --accent --on-accent --border --radius --schrift
   heißen wie in 00_Projektstart/starter-webapp/styles.css.
   Bautyp Exposé: viel Weiß, dünne Linien, ein Dunkelgrün als einziger Akzent, Zahlen in Mono.
   Umfärben: nur --accent, --accent-tief, --accent-hell. Danach Kontrast prüfen.
   Kontrast (gerechnet): Text 16,2 : 1, leise 6,6 : 1 auf --bg, Akzent 8,9 : 1 auf --bg, Weiß auf Akzent 9,6 : 1.
   ===================================================================================== */
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/public-sans-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  --schrift: "Public Sans", "Segoe UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --bg: #f7f6f2;            /* Papier eines Exposés, leicht warm */
  --surface: #ffffff;       /* Karten, Blätter */
  --surface-2: #edece6;     /* abgesetzte Flächen */
  --text: #15201b;          /* 16,2 : 1 auf --bg */
  --muted: #4f5a54;         /* 6,6 : 1 auf --bg, 6,0 : 1 auf --surface-2 */
  --accent: #1f4d3a;        /* das eine Dunkelgrün. Weiß darauf 9,6 : 1 */
  --on-accent: #ffffff;
  --accent-tief: #163a2c;   /* Knopf beim Überfahren */
  --accent-hell: #e3ece6;   /* Hauch Grün für Flächen; --accent darauf 7,6 : 1 */
  --border: #d9d7d0;
  --linie: #15201b;         /* Zeichnungslinien im Grundriss */
  --mass: #6b7570;          /* Maßketten als Zierlinien (kein Text, darf heller sein) */
  --error: #b42318;

  /* Grundriss */
  --boden: #ffffff;
  --boden-aktiv: #f1f5f2;
  --wand: #15201b;
  --wand-face: #2f4038;
  --wand-face-sued: #44584e;
  --fenster: #bcd6e6;
  --licht-morgen: #f3c66b;
  --licht-abend: #f0a065;

  --dunkel: #15201b;        /* Fuß */
  --dunkel-text: #eef1ee;   /* 15,0 : 1 */
  --dunkel-leise: #aab6b0;  /* 7,6 : 1 */

  --radius: 0;              /* Exposé: eckig, nur Fotos und Porträts bekommen Ecken */
  --radius-bild: 2px;

  --breite: 1280px;
  --abstand: clamp(80px, 9vw, 128px);
  --kopf: 64px;
  --leiste: 50px;
  --nav: 236px;
}