/* ==========================================================================
   Treffpunkt Places Backoffice - Farbschema "TravelMatcher" (m7.3a187)
   NUR Farben. Keine Schrift-, Layout- oder Logikaenderung.
   Wird in index.html als LETZTES Stylesheet geladen.

   Vorlage: https://travelmixer.italia-touristik.de/  (Variablen --tm-*)
   Die alten Variablennamen --olive* bleiben bestehen (in ~250 Regeln benutzt)
   und zeigen jetzt auf Teal.

   Bewusst NICHT veraendert:
   - Gaestemappe-Bearbeitung (.gm-seite): eigene Oliv-/Limonenpalette (m7.3a132)
   - Gast-Ansicht, Aufsteller, Wetter-Aufsteller: eigene Paletten (gast.css u. a.)
   - Warn-/Fehlerfarben (--terracotta, --danger)

   Kontrast auf Weiss (gerundet):
     --text        #1F3D54  ~ 11 : 1
     --text-muted  #495D6E  ~ 6,6 : 1
     --text-faint  #637484  ~ 4,9 : 1
     --olive       #1F8275  ~ 4,7 : 1  (Knopf mit weisser Schrift)
     --olive-dark  #166F65  ~ 6,0 : 1  (Hover, Links, aktive Navigation)
   ========================================================================== */

:root,
.ag-frame {
  --bg:            #F4F8F8;
  --surface:       #FFFFFF;
  --surface-sunk:  #EEF5F5;
  --border:        #E2EBEF;
  --border-strong: #C9D6DE;

  --text:          #1F3D54;
  --text-muted:    #495D6E;
  --text-faint:    #637484;

  --olive:         #1F8275;
  --olive-dark:    #166F65;
  --olive-tint:    #E5F3F0;
  --olive-border:  #B7DDD7;

  --shadow-1: 0 1px 2px rgba(31, 61, 84, .05), 0 2px 8px rgba(31, 61, 84, .05);
  --shadow-2: 0 12px 36px rgba(31, 61, 84, .12), 0 2px 8px rgba(31, 61, 84, .06);
}

/* Agentur-Anmeldung hat eigene Variablen */
.ag-login-page {
  --ag-bg:            #F4F8F8;
  --ag-text:          #1F3D54;
  --ag-text-2:        #495D6E;
  --ag-text-3:        #55687A;
  --ag-rand:          #8AA0B0;
  --ag-rand-hell:     #E2EBEF;
  --ag-petrol:        #1F8275;
  --ag-petrol-dunkel: #166F65;
  --ag-petrol-hell:   #E5F3F0;
}

/* Fest eingetragene Altwerte, die nicht ueber Variablen laufen */
.btn-primary:hover:not(:disabled)  { background: var(--olive-dark); border-color: var(--olive-dark); }
.btn-primary:disabled              { color: #5C7A75; }
.btn-primary:disabled .btn-badge   { color: #5C7A75; }
.ag-frame :focus-visible,
.ag-frame .btn:focus-visible       { outline-color: #166F65; }
.ag-frame .nav-link.is-active      { color: #166F65; }
.ag-frame .btn[aria-pressed="true"]{ border-color: #1F8275; color: #166F65; }