/* 
 * brand_tcvelik.css
 * TCVelik (SOP platform) brand colors and variables
 */

:root {
    /* Primary brand colors */
    --primary-color: #69029a;
    --secondary-color: #8B1DB8;
    --accent-color: #A855D9;
    
    /* Bootstrap 5 theme overrides (btn-primary, bg-primary, text-primary, etc.) */
    --bs-primary: #69029a;
    --bs-primary-rgb: 105, 2, 154;
    --bs-link-color: #69029a;
    --bs-link-hover-color: #8B1DB8;
    --bs-link-color-rgb: 105, 2, 154;
    --bs-link-hover-color-rgb: 139, 29, 184;
    --bs-focus-ring-color: rgba(105, 2, 154, 0.25);
    --bs-primary-text-emphasis: #2d0140;
    --bs-primary-bg-subtle: rgba(105, 2, 154, 0.15);
    --bs-primary-border-subtle: rgba(105, 2, 154, 0.5);
    
    /* Neutral colors */
    --light-gray: #F8FAFC;
    --mid-gray: #64748B;
    --white: #FFFFFF;
    --dark-text: #0F172A;
    
    /* Gradients */
    --gradient-start: rgba(105, 2, 154, 0.95);
    --gradient-end: rgba(139, 29, 184, 0.95);
    
    /* Effects */
    --hero-glow: rgba(168, 85, 217, 0.15);
    --shadow-color: rgba(105, 2, 154, 0.25);
    --dot-pattern: rgba(105, 2, 154, 0.04);
    --card-gradient-start: rgba(105, 2, 154, 0.1);
    --card-gradient-end: rgba(105, 2, 154, 0.05);
    --card-gradient-hover-start: rgba(105, 2, 154, 0.15);
    --card-gradient-hover-end: rgba(105, 2, 154, 0.08);
    --service-hover-bg: rgba(105, 2, 154, 0.02);
    
    /* Hero image */
    --hero-image: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1920&q=80');
}

/* Bootstrap .btn-primary component overrides (Bootstrap sets these as hardcoded values) */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #69029a;
    --bs-btn-border-color: #69029a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8B1DB8;
    --bs-btn-hover-border-color: #8B1DB8;
    --bs-btn-focus-shadow-rgb: 105, 2, 154;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5a0279;
    --bs-btn-active-border-color: #4d0266;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #69029a;
    --bs-btn-disabled-border-color: #69029a;
}

.btn-outline-primary {
    --bs-btn-color: #69029a;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #69029a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #69029a;
    --bs-btn-hover-border-color: #69029a;
    --bs-btn-focus-shadow-rgb: 105, 2, 154;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5a0279;
    --bs-btn-active-border-color: #5a0279;
    --bs-btn-disabled-color: #69029a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #69029a;
}