/* immobreeze — Farbpalette (aus Vorschlag D)
   Einbinden: <link rel="stylesheet" href="immobreeze-tokens.css"> als erstes Stylesheet. */

:root {
  /* Markenfarben */
  --ib-shadow:        #2A3132; /* Shadow  — Text, dunkle Flächen, Primär-Buttons */
  --ib-stone:         #336B87; /* Stone   — Markenblau, Hero-Fläche, Links, Akzente */
  --ib-stone-dark:    #24506A; /* Hover für Stone */
  --ib-mist:          #90AFC5; /* Mist    — helle Akzente, Icons, Overlays */
  --ib-autumn:        #763626; /* Autumn Foliage — Signal-/CTA-Akzent, sparsam */

  /* Flächen */
  --ib-bg:            #EEF4F6; /* Seitenhintergrund */
  --ib-surface:       #FFFFFF; /* Karten, Inputs, Panels */
  --ib-surface-2:     #DCEAF0; /* getönte Karten */
  --ib-surface-3:     #CFE1E8; /* getönte Karten, stärker */
  --ib-footer:        #E3E9EA; /* Footer / ruhige Zonen */

  /* Text */
  --ib-text:          #2A3132; /* Fließtext, Überschriften */
  --ib-text-2:        #4B4C56; /* Sekundärtext in Karten */
  --ib-text-muted:    #6C6D79; /* Navigation, Meta */
  --ib-text-subtle:   #8A8B95; /* Labels, Hinweise, Copyright */
  --ib-text-invert:   #FFFFFF;

  /* Linien */
  --ib-border:        #E3E2DB; /* Input- und Kartenrahmen */
  --ib-border-strong: #CFE1E8;

  /* Status (abgeleitet, harmonisch zur Palette) */
  --ib-success:       #3D7A5A;
  --ib-warning:       #B0763A;
  --ib-danger:        #A2402C; /* Verwandt mit Autumn Foliage */
  --ib-info:          var(--ib-stone);

  /* Schatten */
  --ib-shadow-sm: 0 2px 8px rgba(42,49,50,.06);
  --ib-shadow-md: 0 10px 28px rgba(42,49,50,.08);
  --ib-shadow-lg: 0 30px 70px rgba(0,0,0,.18);

  /* Radien */
  --ib-radius-sm: 12px;
  --ib-radius-md: 20px;
  --ib-radius-lg: 28px;
  --ib-radius-pill: 999px;
}

/* Optionale Basis-Anwendung */
body { background: var(--ib-bg); color: var(--ib-text); }
a { color: var(--ib-stone); }
a:hover { color: var(--ib-stone-dark); }