/*
 * MWFM Frontend — Theme-Overrides
 *
 * Diese Datei gehört DIR. Sie wird vom Install-Command einmalig angelegt
 * und beim Bundle-Update NICHT überschrieben. Hier definierst du dein
 * Branding, indem du die in root.css definierten Tokens überschreibst.
 *
 * Lade-Reihenfolge: theme.css MUSS nach root.css und vor base.css geladen
 * werden — siehe README.md.
 *
 * Alle verfügbaren Tokens findest du in root.css. Beispiele unten zur
 * Inspiration. Lösche, was du nicht brauchst, oder lass das ganze File
 * leer — dann gilt der Default aus root.css.
 */

:root {
    /* ----- Marke ---------------------------------------------------- */
    /* --color-primary: #d4145a;        */
    /* --color-primary-hover: #a30f47;  */
    /* --color-secondary: #6b7280;      */
    /* --color-secondary-hover: #4b5563; */

    /* ----- Typografie ---------------------------------------------- */
    /* --font-family-sans-serif: "Source Sans Pro", system-ui, sans-serif; */
    /* --font-size-base: 16px;          */
    /* --line-height: 1.55;             */

    /* ----- Form / Radius ------------------------------------------- */
    /* --border-radius: 12px;           */
    /* --border-color: #e3e8ee;         */

    /* ----- Hintergründe -------------------------------------------- */
    /* --color-bg: #fafafa;             */
    /* --color-surface: #ffffff;        */
}

/*
 * ----- Token-Brücke (optional) -----------------------------------------
 * Hast du bereits ein Theme mit eigenen Custom-Properties? Dann mappe die
 * Bundle-Tokens hier EINMALIG auf deine Palette — danach übernehmen ALLE
 * Bundle-Komponenten (Cards, Pagination, Buttons, Bewertungen …) dein
 * Design, ohne dass du einzelne Klassen überschreiben musst.
 *
 * :root {
 *     --color-primary:     var(--c-primary);
 *     --color-accent:      var(--c-accent);
 *     --color-text:        var(--c-text);
 *     --color-muted:       var(--c-text-muted);
 *     --color-text-muted:  var(--c-text-muted);
 *     --border-color:      var(--c-line);
 *     --color-surface:     var(--c-bg);
 *     --color-surface-alt: var(--c-bg-alt);
 *     --radius-md:         var(--r-md);
 *     --radius-card:       var(--r-lg);
 *     --shadow-card:       var(--shadow-md);
 *     --space-4:           var(--sp-4);
 *     --font-size-sm:      var(--fs-sm);
 *     // … restliche --space-* / --font-size-* analog mappen …
 * }
 */

/* ============================================================
   Marken-Mapping der mwfm-Frontend-/Booking-Tokens auf die
   Stölzel-Palette (Petrol/Gold/Seeblau).
   Damit übernehmen Buchungsstrecke (/de/booking/…) UND alle
   Frontend-Bundle-Routen (Suche, Objekt, Merkzettel, Bewertungen)
   automatisch das Branding – alles ist token-getrieben.

   EINBAU: Inhalt in  files/layout/css/theme.css  eintragen
   (theme.css lädt lt. Bundle NACH root.css und VOR base.css –
   genau dafür ist sie da; die Datei wird bei Bundle-Updates
   NICHT überschrieben).
   ============================================================ */

:root{
    /* ----- Marke ----------------------------------------------------- */
    --color-primary:         #4d98af;   /* Petrol  (Buttons, Links, Primär) */
    --color-primary-hover:   #006c8d;   /* Seeblau (Hover)                  */
    --color-secondary:       #5b6779;
    --color-secondary-hover: #454f5c;

    /* Info/Links (waren Blau #0072ce / #3b82f6) -> Petrol */
    --color-info:            #4d98af;

    /* Akzent (Sterne/Bewertungen, „Mehr lesen") -> Gold */
    --color-accent:          #ffbb05;
    --color-accent-hover:    #e0a600;

    /* Text/Rahmen neutral lassen; Erfolg (grün) / Gefahr (rot) bleiben,
       damit „erledigt/Fehler" eindeutig bleiben. */
}