/**
 * Wayflo Tours — Design Tokens
 *
 * Zentrale CSS-Custom-Properties die das gesamte Plugin-Frontend nutzt.
 * Themes oder Custom-CSS können diese in :root, body oder einem
 * Page-Container überschreiben, um Wayflo-Output an das Site-Branding
 * anzupassen — ohne Plugin-Code zu ändern.
 *
 * Beispiel im Theme:
 *   :root {
 *     --wayflo-color-accent: #c4451e;
 *     --wayflo-font-serif: 'Cormorant Garamond', serif;
 *     --wayflo-radius-lg: 4px;
 *   }
 *
 * Werte hier sind sinnvolle Defaults im Wayflo-Branding. Die
 * Wayflo_Branding_Settings PHP-Klasse überschreibt zur Laufzeit
 * --wayflo-color-accent und --wayflo-color-gold mit den Settings-
 * Werten via inline-style im wp_head.
 */

:root {
    /* ===== Farben ===== */
    --wayflo-color-accent: #2a7c6f;
    --wayflo-color-accent-dark: #237063;
    --wayflo-color-accent-soft: rgba(42, 124, 111, 0.08);
    --wayflo-color-gold: #b8956a;
    --wayflo-color-gold-soft: rgba(184, 149, 106, 0.1);

    --wayflo-color-dark: #0b1215;
    --wayflo-color-dark-2: #132a25;
    --wayflo-color-text: #1a1e23;
    --wayflo-color-text-muted: #6b7079;
    --wayflo-color-text-on-dark: #ffffff;
    --wayflo-color-text-muted-on-dark: rgba(255, 255, 255, 0.65);

    --wayflo-color-bg: #ffffff;
    --wayflo-color-border: rgba(0, 0, 0, 0.08);

    /* ===== Schriftarten =====
       Default: Plugin nutzt Instrument Serif (display) + Outfit (sans-ui).
       Theme kann diese überschreiben — falls nichts gesetzt ist, wird
       der Theme-Body-Font genutzt (über `inherit`). */
    --wayflo-font-serif: 'Instrument Serif', 'Playfair Display', Georgia, 'Times New Roman', serif;
    --wayflo-font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --wayflo-font-body: inherit; /* erbt vom Theme */

    /* ===== Größen / Spacing ===== */
    --wayflo-radius-sm: 8px;
    --wayflo-radius: 12px;
    --wayflo-radius-lg: 14px;
    --wayflo-radius-pill: 999px;

    /* ===== Schatten ===== */
    --wayflo-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --wayflo-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --wayflo-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
    --wayflo-shadow-cta: 0 6px 18px rgba(42, 124, 111, 0.35);

    /* ===== Hero-Overlay-Stärke =====
       Default ist auf 0.65 für gute Text-Lesbarkeit auf Bildern.
       Themes können stärker (mehr Dunkelheit, weniger Bild-Sicht)
       oder schwächer (mehr Bild, weniger Lesbarkeit) machen. */
    --wayflo-hero-overlay: rgba(11, 18, 21, 0.65);
}