/**
 * CSS Variables - Roseo Form
 * Variables de diseño controladas por el Plugin MFM
 * 
 * NOTA: Este archivo contiene valores por defecto.
 * Los valores reales se inyectan dinámicamente desde mfm-settings.json
 * a través del plugin en wp_head.
 * 
 * @package Roseo_Form
 * @version 2.0.0
 */

/* ============================================
   VARIABLES POR DEFECTO
   Se sobrescriben con valores del plugin MFM
   ============================================ */
:root,
#roseo-form-wrapper,
#mfm-roseo-wrapper {
    /* Colores Corporativos */
    --mfm-primary: #015328;
    --mfm-secondary: #009239;
    --mfm-text: #54595F;
    --mfm-border: #DADADAFC;
    --mfm-accent: #B3C8BB;
    
    /* Colores Adicionales */
    --mfm-white: #FFFFFF;
    --mfm-background: #f8fafc;
    --mfm-background-light: #f0fdf4;
    --mfm-success: #10b981;
    --mfm-error: #dc3545;
    --mfm-warning: #f59e0b;
    
    /* Tipografía */
    --mfm-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --mfm-font-size: 16px;
    --mfm-font-size-sm: 14px;
    --mfm-font-size-lg: 18px;
    --mfm-font-size-xl: 24px;
    
    /* Espaciado */
    --mfm-spacing: 16px;
    --mfm-spacing-sm: 8px;
    --mfm-spacing-lg: 24px;
    --mfm-spacing-xl: 32px;
    
    /* Bordes */
    --mfm-radius: 12px;
    --mfm-radius-sm: 8px;
    --mfm-radius-lg: 16px;
    --mfm-btn-radius: 12px;
    
    /* Sombras */
    --mfm-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --mfm-shadow: 0 4px 16px rgba(0, 146, 57, 0.15);
    --mfm-shadow-lg: 0 8px 28px rgba(0, 146, 57, 0.25);
    --mfm-shadow-hover: 0 8px 28px rgba(0, 146, 57, 0.35);
    
    /* Transiciones */
    --mfm-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --mfm-transition-fast: all 0.2s ease;
    
    /* Gradientes */
    --mfm-gradient-primary: linear-gradient(135deg, var(--mfm-secondary) 0%, var(--mfm-primary) 100%);
    --mfm-gradient-bg: linear-gradient(135deg, var(--mfm-background) 0%, var(--mfm-background-light) 100%);
    --mfm-gradient-progress: linear-gradient(90deg, var(--mfm-secondary) 0%, var(--mfm-primary) 100%);
}