/* variables.css - Sistema visual premium Aivra Digital */
:root {
    --primary: #16A34A;
    --primary-hover: #15803D;
    --secondary: #0EA5E9;
    --secondary-hover: #0284C7;

    --dark: #0F172A;
    --dark-soft: #1E293B;
    --dark-panel: #0F172A;
    --dark-border: rgba(255, 255, 255, 0.15);

    --light: #ffffff;
    --light-bg: #F8FAFC;
    --text: #111827;
    --text-muted: #64748B;
    
    --border-light: #E2E8F0;

    --gradient-green: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
    --gradient-blue: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
    --gradient-primary: linear-gradient(135deg, #16A34A 0%, #0EA5E9 100%);

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.04);
    --shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-lg: 0 4px 8px rgba(0,0,0,0.04), 0 8px 16px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.02);
    --shadow-xl: 0 10px 20px rgba(0,0,0,0.04), 0 20px 40px rgba(0,0,0,0.04), 0 4px 8px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.02);
    
    --shadow-hover: 0 15px 30px rgba(0,0,0,0.06), 0 30px 60px rgba(0,0,0,0.06), 0 4px 8px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.02);

    --glow-green: 0 0 0 1px rgba(22, 163, 74, 0.1), 0 10px 30px rgba(22, 163, 74, 0.15);
    --glow-blue: 0 0 0 1px rgba(14, 165, 233, 0.1), 0 10px 30px rgba(14, 165, 233, 0.15);

    --transition-fast: 0.15s ease-out;
    --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}