/**
 * BusinessMentors Platform - Generated Theme Variables
 * 
 * SINGLE SOURCE OF TRUTH for all theme colors
 * Generated from super admin theme settings
 * 
 * ⚠️  DO NOT EDIT THIS FILE MANUALLY
 * Use 'php artisan theme:generate' or update via /admin/theme-settings
 * 
 * Generated: 2025-11-08 11:16:44 EET
 * Settings Count: 42
 */

:root {
    /* ========================================
       ADMIN-CONTROLLED THEME COLORS
       Single source of truth from database
       ======================================== */

    /* Primary color */
    --color-primary: #e61b41;
    --theme-deafult: #e61b41;
    --theme-primary: #e61b41;
    --bm-primary: #e61b41;
    --admin-btn-primary: #e61b41;

    /* Secondary color */
    --color-secondary: #171738;
    --theme-secondary: #171738;
    --bm-secondary: #171738;

    /* Success color */
    --color-success: #10B981;
    --theme-success: #10B981;
    --bm-success: #10B981;
    --admin-btn-success: #10B981;

    /* Warning color */
    --color-warning: #F59E0B;
    --theme-warning: #F59E0B;
    --bm-warning: #F59E0B;
    --admin-btn-warning: #F59E0B;

    /* Danger color */
    --color-error: #e61b41;
    --color-danger: #e61b41;
    --theme-danger: #e61b41;
    --bm-danger: #e61b41;
    --admin-btn-danger: #e61b41;

    /* Info color */
    --color-info: #3B82F6;
    --theme-info: #3B82F6;
    --bm-info: #3B82F6;
    --admin-btn-info: #3B82F6;

    /* Dark color */
    --color-dark: #171738;
    --theme-dark: #171738;
    --bm-dark: #171738;
    --bm-black: #171738;

    /* Light color */
    --color-light-bg: #FCE8EC;
    --theme-light: #FCE8EC;
    --bm-light: #FCE8EC;

    /* Text primary color */
    --color-text: #171738;
    --color-text-primary: #171738;
    --text-primary: #171738;
    --bm-text-primary: #171738;

    /* Text secondary color */
    --color-text-secondary: #737387;
    --text-secondary: #737387;
    --bm-text-secondary: #737387;

    /* Text muted color */
    --color-text-muted: #A2A2AF;
    --text-muted: #A2A2AF;
    --bm-text-muted: #A2A2AF;

    /* Link color */
    --color-link: #e61b41;
    --link-color: #e61b41;
    --bm-link: #e61b41;

    /* Link hover color */
    --color-link-hover: #C31637;
    --link-hover-color: #C31637;
    --bm-link-hover: #C31637;

    /* Body bg color */
    --color-body-bg: #FFFFFF;
    --body-bg: #FFFFFF;
    --bm-body-bg: #FFFFFF;

    /* Card bg color */
    --color-card-bg: #FFFFFF;
    --card-bg: #FFFFFF;
    --bm-card-bg: #FFFFFF;

    /* Section bg alt color */
    --color-section-bg-alt: #F3F3F5;
    --section-bg-alt: #F3F3F5;
    --bm-section-alt: #F3F3F5;

    /* Border color */
    --color-border: #DCDCE1;
    --border-color: #DCDCE1;
    --bm-border: #DCDCE1;

    /* Border light color */
    --color-border-light: #ECECEF;
    --border-light: #ECECEF;
    --bm-border-light: #ECECEF;

    /* Border dark color */
    --color-border-dark: #C5C5CD;
    --border-dark: #C5C5CD;
    --bm-border-dark: #C5C5CD;

    /* Input border color */
    --color-input-border: #C5C5CD;
    --input-border: #C5C5CD;
    --bm-input-border: #C5C5CD;

    /* Input focus border color */
    --color-input-focus-border: #e61b41;
    --input-focus-border: #e61b41;
    --bm-input-focus: #e61b41;

    /* Sidebar bg color */
    --admin-sidebar-bg: #171738;
    --sidebar-bg: #171738;
    --theme-sidebar_bg: #171738;
    --bm-sidebar-bg: #171738;

    /* Sidebar text color */
    --admin-sidebar-text: #FFFFFF;
    --sidebar-text: #FFFFFF;
    --theme-sidebar_text: #FFFFFF;
    --bm-sidebar-text: #FFFFFF;

    /* Header bg color */
    --admin-header-bg: #FFFFFF;
    --header-bg: #FFFFFF;
    --theme-header_bg: #FFFFFF;
    --bm-header-bg: #FFFFFF;

    /* Header text color */
    --admin-header-text: #171738;
    --header-text: #171738;
    --theme-header_text: #171738;
    --bm-header-text: #171738;

    /* Footer bg color */
    --footer-bg: #171738;
    --bm-footer-bg: #171738;

    /* Footer text color */
    --footer-text: #FFFFFF;
    --bm-footer-text: #FFFFFF;

    /* Button primary bg */
    --button-primary-bg: #e61b41;
    --btn-primary-bg: #e61b41;
    --bm-btn-bg: #e61b41;

    /* Button primary hover */
    --button-primary-hover: #C31637;
    --btn-primary-hover: #C31637;
    --bm-btn-hover: #C31637;

    /* Badge bg color */
    --badge-bg: #ECECEF;
    --bm-badge-bg: #ECECEF;

    /* Badge text color */
    --badge-text: #737387;
    --bm-badge-text: #737387;

    /* Hover bg color */
    --hover-bg: #F5F5F7;
    --bm-hover-bg: #F5F5F7;

    /* Active bg color */
    --active-bg: #FCE8EC;
    --bm-active-bg: #FCE8EC;

    /* Disabled bg color */
    --disabled-bg: #ECECEF;
    --bm-disabled-bg: #ECECEF;

    /* Disabled text color */
    --disabled-text: #A2A2AF;
    --bm-disabled-text: #A2A2AF;

    /* ========================================
       COMPUTED THEME COLORS
       Generated from admin settings (NO FALLBACKS)
       Primary: #e61b41, Secondary: #171738
       ======================================== */

    /* Primary color variations */
    --color-primary-dark: #c41737;
    --color-primary-darker: #a1132e;
    --color-primary-light: #ea3d5e;
    --color-primary-lighter: #f0768d;

    /* RGB color values for rgba() usage */
    --color-primary-rgb: 230, 27, 65;
    --color-secondary-rgb: 23, 23, 56;

    /* Secondary color variations */
    --color-secondary-light: #2e2e4c;
    --color-secondary-lighter: #51516a;
    --color-secondary-dark: #151532;

    /* Primary gradients */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --gradient-primary-45: linear-gradient(45deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --gradient-primary-vertical: linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary-dark) 100%);

    /* Shadow colors */
    --shadow-primary: 0 10px 30px -5px rgba(230, 27, 65, 0.3);
    --shadow-primary-lg: 0 20px 40px -10px rgba(230, 27, 65, 0.4);

    /* ========================================
       FIXED DESIGN SYSTEM COLORS
       These remain constant for brand consistency
       ======================================== */

    --color-white: #FFFFFF;
    --bm-white: #FFFFFF;

    /* Gray scale */
    --color-gray-50: #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1F2937;
    --color-gray-900: #111827;
    --bm-grey: var(--color-gray-500);

    /* ========================================
       UTILITY VARIABLES
       Design system utilities
       ======================================== */

    /* Spacing System - 8px Grid */
    --space-1: 0.25rem;     /* 4px */
    --space-2: 0.5rem;      /* 8px */
    --space-3: 0.75rem;     /* 12px */
    --space-4: 1rem;        /* 16px */
    --space-6: 1.5rem;      /* 24px */
    --space-8: 2rem;        /* 32px */
    --space-12: 3rem;       /* 48px */
    --space-16: 4rem;       /* 64px */

    /* Border Radius */
    --radius-lg: 0.5rem;    /* 8px */
    --radius-xl: 1rem;      /* 16px */
    --radius-2xl: 1.5rem;   /* 24px */
    --radius-full: 9999px;  /* Pills/circles */

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Typography */
    --font-heading: 'Parkinsans', sans-serif;
    --font-body: 'Lato', sans-serif;
    --text-xs: 0.75rem;     /* 12px */
    --text-sm: 0.875rem;    /* 14px */
    --text-base: 1rem;      /* 16px */
    --text-lg: 1.125rem;    /* 18px */
    --text-xl: 1.25rem;     /* 20px */
    --text-2xl: 1.5rem;     /* 24px */
    --text-3xl: 1.875rem;   /* 30px */
    --text-4xl: 2.25rem;    /* 36px */
    --text-5xl: 3rem;       /* 48px */
    --text-6xl: 3.75rem;    /* 60px */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 600ms ease;

}

/* ========================================
   UTILITY CLASSES USING THEME VARIABLES
   Note: No !important for proper CSS cascade
   ======================================== */

/* Text colors */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-success { color: var(--color-success); }
.text-warning { color: var(--color-warning); }
.text-danger { color: var(--color-error); }
.text-info { color: var(--color-info); }
.text-dark { color: var(--color-dark); }
.text-light { color: var(--color-gray-500); }
.text-muted { color: var(--color-gray-600); }

/* Background colors */
.bg-primary { background-color: var(--color-primary); }
.bg-secondary { background-color: var(--color-secondary); }
.bg-success { background-color: var(--color-success); }
.bg-warning { background-color: var(--color-warning); }
.bg-danger { background-color: var(--color-error); }
.bg-info { background-color: var(--color-info); }
.bg-light { background-color: var(--color-light-bg); }
.bg-dark { background-color: var(--color-dark); }
.bg-white { background-color: var(--color-white); }

/* Border colors */
.border-primary { border-color: var(--color-primary); }
.border-secondary { border-color: var(--color-secondary); }
.border-success { border-color: var(--color-success); }
.border-warning { border-color: var(--color-warning); }
.border-danger { border-color: var(--color-error); }
.border-info { border-color: var(--color-info); }

/* Gradient utilities */
.bg-gradient-primary { background: var(--gradient-primary); }
.bg-gradient-primary-45 { background: var(--gradient-primary-45); }
.bg-gradient-primary-vertical { background: var(--gradient-primary-vertical); }

/* Text gradient */
.text-gradient-primary {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hover state utilities */
.hover-primary:hover { color: var(--color-primary); }
.hover-bg-primary:hover { background-color: var(--color-primary); }
.hover-bg-primary-light:hover { background-color: var(--color-primary-light); }