/* 
 * brand_exovelik.css
 * ExO Velik brand colors and variables
 */

:root {
    /* Primary brand colors */
    --primary-color: #8B5CF6;
    --secondary-color: #7C3AED;
    --accent-color: #A78BFA;
    
    /* Bootstrap 5 theme overrides (btn-primary, bg-primary, text-primary, etc.) */
    --bs-primary: #8B5CF6;
    --bs-primary-rgb: 139, 92, 246;
    --bs-link-color: #8B5CF6;
    --bs-link-hover-color: #7C3AED;
    --bs-link-color-rgb: 139, 92, 246;
    --bs-link-hover-color-rgb: 124, 58, 237;
    --bs-focus-ring-color: rgba(139, 92, 246, 0.25);
    --bs-primary-text-emphasis: #371b6d;
    --bs-primary-bg-subtle: rgba(139, 92, 246, 0.15);
    --bs-primary-border-subtle: rgba(139, 92, 246, 0.5);
    
    /* Neutral colors */
    --light-gray: #F8FAFC;
    --mid-gray: #64748B;
    --white: #FFFFFF;
    --dark-text: #0F172A;
    
    /* Gradients */
    --gradient-start: rgba(139, 92, 246, 0.95);
    --gradient-end: rgba(124, 58, 237, 0.95);
    
    /* Effects */
    --hero-glow: rgba(167, 139, 250, 0.15);
    --shadow-color: rgba(139, 92, 246, 0.25);
    --dot-pattern: rgba(139, 92, 246, 0.04);
    --card-gradient-start: rgba(139, 92, 246, 0.1);
    --card-gradient-end: rgba(139, 92, 246, 0.05);
    --card-gradient-hover-start: rgba(139, 92, 246, 0.15);
    --card-gradient-hover-end: rgba(139, 92, 246, 0.08);
    --service-hover-bg: rgba(139, 92, 246, 0.02);
    
    /* Hero image */
    --hero-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&q=80');
}

/* Bootstrap .btn-primary component overrides (Bootstrap sets these as hardcoded values) */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8B5CF6;
    --bs-btn-border-color: #8B5CF6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7C3AED;
    --bs-btn-hover-border-color: #7C3AED;
    --bs-btn-focus-shadow-rgb: 139, 92, 246;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6d28d9;
    --bs-btn-active-border-color: #5b21b6;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8B5CF6;
    --bs-btn-disabled-border-color: #8B5CF6;
}

.btn-outline-primary {
    --bs-btn-color: #8B5CF6;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #8B5CF6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8B5CF6;
    --bs-btn-hover-border-color: #8B5CF6;
    --bs-btn-focus-shadow-rgb: 139, 92, 246;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6d28d9;
    --bs-btn-active-border-color: #6d28d9;
    --bs-btn-disabled-color: #8B5CF6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #8B5CF6;
}