/**
 * ShowcaseX Pro — Variables & Tokens
 */
.pixsp-showcase-container {
    --pixsp-primary-hover: #6d28d9;
    --pixsp-secondary-hover: #34d399;
    --pixsp-accent-hover: #ef4444;

    /* Base Colors if not overridden by PHP */
    --pixsp-primary: #7c3aed;
    --pixsp-secondary: #4dffc3;
    --pixsp-accent: #ff6b6b;
    --pixsp-bg: #ffffff;
    --pixsp-bg-2: #f8fafc;
    --pixsp-text: #1e293b;
    --pixsp-text-muted: #64748b;
    --pixsp-border: #e2e8f0;
    
    /* Layout */
    --pixsp-radius: 20px;
    --pixsp-gap: 20px;
    --pixsp-section-padding: 80px;

    /* Typography */
    --pixsp-font-headings: 'Outfit', system-ui, sans-serif;
    --pixsp-font-body: 'Inter', system-ui, sans-serif;
    
    /* Z-indexes */
    --pixsp-z-dropdown: 200;
    --pixsp-z-modal-bg: 9999;
    --pixsp-z-modal: 10000;
    --pixsp-z-lightbox: 10010;
}