/*
  Tuchfabrik Berlin — Design-Tokens
  V2: hellere, farbigere Variante nach Rückmeldung des Beraters des
  Eigentümers (Screenshot-Vorlage, 23.08.2026). Werte aus dem Screenshot
  geschätzt, nicht pixelgenau — bei Bedarf hier nachjustieren.
  Gleiche Variablennamen wie zuvor, damit sich die neue Palette automatisch
  auf alle Seiten auswirkt, ohne einzelne Seiten anfassen zu müssen.
*/

:root {
  /* Flächen & Text */
  --bg: #ffffff;
  --surface: #f5f5f4;
  --surface-2: #eaeae7;
  --line: #e2e2df;
  --ink: #18191b;
  --ink-muted: #6b6d70;
  --ink-faint: #9b9d9f;
  --card-bg: #ffffff;
  --overlay-ink: #1f1f1f;

  /* Akzentfarben (Kategorien / Illustrationen) — hell/gesättigt statt gedeckt */
  --sage: #3fae63;
  --sage-d: #2f8a4c;
  --slate: #3f7fe0;
  --slate-d: #2f63b8;
  --ochre: #e0a83f;
  --ochre-d: #c98c1f;
  --terracotta: #e5533c;
  --terracotta-d: #c23f2a;
  --mauve: #8a5fd4;
  --mauve-d: #6d47ad;

  /* Vermarktungsstatus */
  --status-frei: #2f9e52;
  --status-frei-bg: #e7f7ec;
  --status-vermietet: #c98c1f;
  --status-vermietet-bg: #fbf1de;
  --status-prep: #c98c1f;
  --status-prep-bg: #fbf1de;

  /* Marken-Farben (Logo, Buttons, Header/Footer) — Farbkonzept freigegeben 30.09.2026 */
  --brand-ink: #1f1f1f;
  --brand-slate: #33373a;
  --brand-red: #9b1d2d;
  --brand-red-d: #7a1e2d;
  --brand-line: #dadada;
  --brand-stripe-gray: #a4a4a4;

  /* Schatten & Glas */
  --shadow: 0 1px 2px rgba(20,20,25,.06), 0 12px 32px -16px rgba(20,20,25,.16);
  --shadow-lift: 0 4px 10px rgba(20,20,25,.07), 0 20px 44px -18px rgba(20,20,25,.22);
  --glass: rgba(16,17,20,.75);
  --glass-soft: rgba(16,17,20,.48);

  /* Layout */
  --radius: 4px;
  --radius-sm: 2px;
  --content-width: 1180px;
  --reading-width: 760px;
  --header-h: 82px;

  /* Typografie */
  --font-body: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-display: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --font-logo: "Big Shoulders", "Arial Narrow", sans-serif;
}