/**
 * Variables CSS Personalizables - HelpMe Plugin
 * 
 * Estas variables pueden ser sobrescritas por el usuario desde el panel
 * de personalización o mediante CSS personalizado del theme.
 * 
 * @package HelpMe
 * @author Claudio Figueroa Asi
 * @copyright 2026 enPatagonia SpA
 */

:root {
    /* Colores */
    --helpme-color-primary: #0073aa;
    --helpme-color-secondary: #23282d;
    --helpme-color-success: #46b450;
    --helpme-color-warning: #ffb900;
    --helpme-color-danger: #dc3232;
    --helpme-color-text: #32373c;
    --helpme-color-text-light: #7e8993;
    --helpme-color-border: #dcdcde;
    --helpme-color-background: #ffffff;
    --helpme-color-background-alt: #f6f7f7;
    
    /* Tipografía */
    --helpme-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --helpme-font-heading: inherit;
    --helpme-font-size-base: 16px;
    --helpme-font-size-small: 14px;
    --helpme-font-size-large: 18px;
    --helpme-line-height-base: 1.6;
    
    /* Espaciado */
    --helpme-spacing-xs: 0.5rem;
    --helpme-spacing-sm: 1rem;
    --helpme-spacing-md: 1.5rem;
    --helpme-spacing-lg: 2rem;
    --helpme-spacing-xl: 3rem;
    
    /* Bordes */
    --helpme-border-radius: 4px;
    --helpme-border-width: 1px;
    
    /* Sombras */
    --helpme-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --helpme-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --helpme-shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
    
    /* Transiciones */
    --helpme-transition-fast: 150ms ease;
    --helpme-transition-base: 250ms ease;
    --helpme-transition-slow: 350ms ease;
}