/**
 * Theme Integration Logic
 * Detects common page builders and maps their global variables to VSTRB variables.
 */

:root {
    /* Default Fallbacks */
    --vstrb-primary-color: #111;
    --vstrb-primary-hover: #333;
    --vstrb-text-color: #1f2937;
    --vstrb-text-muted: #6b7280;
    --vstrb-bg-color: #ffffff;
    --vstrb-border-color: #d1d5db;
    --vstrb-border-radius: 10px;
    --vstrb-font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Elementor Integration */
body.elementor-default,
body.elementor-page {
    --vstrb-primary-color: var(--e-global-color-accent, #111);
    --vstrb-text-color: var(--e-global-color-text, #1f2937);
    --vstrb-font-family: var(--e-global-typography-text-font-family, inherit);
}

/* Gutenberg / FSE Integration */
body.wp-site-blocks,
body.block-editor-page {
    --vstrb-primary-color: var(--wp--preset--color--primary, #111);
    --vstrb-text-color: var(--wp--preset--color--foreground, #1f2937);
    --vstrb-bg-color: var(--wp--preset--color--background, #ffffff);
}

/* Common variables used in frontend.css */
.vstrb {
    --vstrb-current-primary: var(--vstrb-primary-color);
    --vstrb-current-text: var(--vstrb-text-color);
    --vstrb-current-bg: var(--vstrb-bg-color);
    --vstrb-current-border: var(--vstrb-border-color);
    --vstrb-current-radius: var(--vstrb-border-radius);
    --vstrb-current-font: var(--vstrb-font-family);
}