/*
 * 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 …
 * }
 */