/* WC App Toolkit – App Visual Overrides
 *
 * Verfügbare CSS-Variablen (werden per PHP gesetzt):
 *
 * Hintergründe / Flächen:
 *   --watk-surface-1-bg       (default #787BAF)
 *   --watk-surface-1-text     (default #FFFFFF)
 *   --watk-surface-2-bg       (default #979BC9)
 *   --watk-surface-2-text     (default #FFFFFF)
 *   --watk-surface-3-bg       (default #D2CAD7)
 *   --watk-surface-3-text     (default #3C3C3C)
 *   --watk-surface-4-bg       (default #F8F5F0)
 *   --watk-surface-4-text     (default #3C3C3C)
 *
 * Typografie:
 *   --watk-typo-h1            (default #787BAF)
 *   --watk-typo-h2            (default #979BC9)
 *   --watk-typo-h3            (default #979BC9)
 *   --watk-typo-p             (default #54595F)
 *
 * Buttons – CTA:
 *   --watk-btn-cta-bg         (default #787BAF)
 *   --watk-btn-cta-text       (default #000000)
 *   --watk-btn-cta-bg-hover   (default #D2CAD7)
 *   --watk-btn-cta-text-hover (default #000000)
 *
 * Buttons – Warenkorb:
 *   --watk-btn-cart-bg         (default #787BAF)
 *   --watk-btn-cart-text       (default #000000)
 *   --watk-btn-cart-bg-hover   (default #D2CAD7)
 *   --watk-btn-cart-text-hover (default #000000)
 *
 * Die Klasse "body.watk-app-visuals" wird nur gesetzt,
 * wenn der App-Visual-Kontext aktiv ist (echte App oder Debug).
 *
 * Du kannst diese Variablen beliebig auf Minimog-Selektoren mappen.
 * Unten nur ein minimales Beispiel.
 */


 /* Hintergründe / Flächen */
body.watk-app-visuals .isw-term.isw-selected .shippingpolicy {
  background-color: var(--watk-surface-1-bg);
  color: var(--watk-surface-1-text);
}  


/* H1, H2, H3, P auf PDP */
body.watk-app-visuals.single-product .entry-summary .product_title {
  color: var(--watk-typo-h1);
}