/* Bine backt – Vorschau Palette D „Hagebutte und Salbei“ (02.10.2026)
   Wird nur geladen, wenn die Vorschau eingeschaltet ist (inc/vorschau.php).
   Ordnet die bisherigen Farb-Variablen den Tokens des Design Systems zu:
   creme→molke, sand→linie, terrakotta→hagebutte, kruste→hagebutte-dunkel,
   espresso→umbra, petrol→hagebutte (Rot führt, Sabine 02.10.2026).
   Danach Einzelkorrekturen für Stellen mit fest eingetragenen Farben. */
:root:root{
  --wp--preset--color--creme:#fcfcfb;
  --wp--preset--color--sand:#e5e5e2;
  --wp--preset--color--terrakotta:#9a3d33;
  --wp--preset--color--kruste:#7a2f27;
  --wp--preset--color--espresso:#3a2620;
  --wp--preset--color--petrol:#9a3d33;
  --creme:252,252,251;
  --bb-card-bg:#ffffff;
  --bb-surface:#ffffff;
  --bb-text-muted:#62514a;
  --bb-text-placeholder:#8c8580;
  --bb-petrol-tint:#f1f1ef;
  --bb-petrol-dark:#3a2620;
  --bb-sand-tint:#f1f1ef;
  --bb-border-hover:#d9d9d5;
  --bb-hairline:#e5e5e2;
  --bb-tint-warm:#f1f1ef;
  --bb-table-zebra:#f6f6f4;
  --bb-tipp-wash:#e3e8df;
  --bb-tipp-edge:#7d8471;
  --bb-tipp-ink:#4f5645;
  --bb-info-wash:#f1f1ef;
  --bb-info-edge:#8c8580;
  --bb-info-ink:#62514a;
  --bb-hinweis-wash:#f7ece9;
  --bb-hinweis-edge:#9a3d33;
  --bb-hinweis-ink:#7a2f27;
  --bb-shadow-sm:0 0.125rem 0.625rem rgba(58,38,32,.08);
  --bb-shadow-md:0 0.5rem 1.125rem rgba(58,38,32,.12);
  --bb-shadow-lg:0 0.75rem 2rem rgba(58,38,32,.14);
  --bb-shadow-panel:0 0.625rem 1.875rem rgba(58,38,32,.12);
}
/* ---- Einzelkorrekturen ---- */
body.bb-vorschau{background-image:none}
body.bb-vorschau .bb-panel--petrol{background:#f1f1ef;border-color:#f1f1ef}
body.bb-vorschau .bb-panel--petrol,body.bb-vorschau .bb-panel--petrol :is(h1,h2,h3,p){color:#3a2620!important}
body.bb-vorschau .bb-toc__item a{color:#3a2620}
body.bb-vorschau .bb-toc__item a:hover{color:#9a3d33}
body.bb-vorschau .bb-tip{background:#e3e8df;border-left-color:#7d8471}
body.bb-vorschau .bb-tip strong{color:#4f5645}
body.bb-vorschau .bb-themenwelt-back:hover,body.bb-vorschau .bb-themenwelt-back:focus{background:#e5e5e2}
body.bb-vorschau .bb-fa{--fa-muted:#62514a;--fa-feld-linie:#8c8580;--fa-flaeche:#f1f1ef;--fa-flaeche-petrol:#e3e8df;--fa-flaeche-rezept:#f1f1ef;--fa-linie:#e5e5e2}
body.bb-vorschau .bb-wsu{--wsu-muted:#62514a;--wsu-pill-line:#c9c6c1}
body.bb-vorschau .bb-rzu{--rzu-pill-line:#c9c6c1;--rzu-feld-line:#8c8580;--rzu-link-line:rgba(154,61,51,.5);--rzu-line:#e5e5e2}
body.bb-vorschau :is(.bb-rz,.bb-fa){--rz-linie:#e5e5e2}
body.bb-vorschau .bb-autorin{--autorin-link-line:rgba(154,61,51,.5)}
body.bb-vorschau .bb-kanal{--kanal-link-line:rgba(154,61,51,.5)}
body.bb-vorschau .bb-newsletter{--nl-feld-line:#8c8580}
body.bb-vorschau .bb-wsu .bb-wsu-hero__foto::before,body.bb-vorschau .bb-rzu .bb-rzu-hero__foto::before{background:linear-gradient(90deg,#fcfcfb,rgba(252,252,251,.38) 15%,transparent 39%)}
body.bb-vorschau .bb-rz .bb-rz-hero__foto::after{background:linear-gradient(270deg,#fcfcfb,rgba(252,252,251,0) 24%)}
body.bb-vorschau .bb-hubhero .wp-block-cover__background{background:linear-gradient(90deg,rgba(252,252,251,.95) 0%,rgba(252,252,251,.6) 46%,rgba(252,252,251,0) 85%)!important}
body.bb-vorschau .bb-rz .bb-rz-artikel .infobox{background:#f1f1ef}
body.bb-vorschau .bb-rz .bb-rz-artikel .bine-zeitplan-karte--empfehlung{background:#e3e8df}
body.bb-vorschau .bb-rz .bb-rz-backplan{background:#ffffff;border:1px solid #e5e5e2}
body.bb-vorschau .bb-rz .bb-rz-artikel .bz-cta{background:#f1f1ef}
body.bb-vorschau .bb-rz .bb-rz-artikel .wprm-recipe .wprm-call-to-action{background:#f1f1ef!important}
body.bb-vorschau :is(.nl-form .nl-field,.bb-lex-search__input,.bb-kompass__field,.bb-newsletter .nl-form .nl-field):focus{box-shadow:0 0 0 .125rem rgba(154,61,51,.2)}
body.bb-vorschau .bb-rzf__pill:hover{background:rgba(154,61,51,.08)}
body.bb-vorschau .bb-finder thead th{border-bottom-color:rgba(154,61,51,.35)}
body.bb-vorschau .bb-lex-group__head{border-bottom-color:rgba(154,61,51,.3)}

/* Vorschau-Hinweis unten rechts, nur für Sabine sichtbar */
.bb-vorschau-hinweis{position:fixed;right:12px;bottom:12px;z-index:99999;background:#3a2620;color:#fcfcfb;font:700 13px/1.3 Mulish,sans-serif;padding:8px 12px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.bb-vorschau-hinweis a{color:#f7ece9;margin-left:8px}