/**
 * Require Hire Brand Color System
 * Modern, professional color palette for India market
 */

:root {
    /* === Primary Colors === */
    --rh-blue-900: #1E3A8A;        /* Deep Blue - Primary brand color */
    --rh-blue-700: #1D4ED8;        /* Medium Blue */
    --rh-blue-600: #2563EB;        /* Bright Blue */
    --rh-blue-500: #3B82F6;        /* Sky Blue */
    --rh-blue-400: #60A5FA;        /* Light Blue */
    --rh-blue-50: #EFF6FF;         /* Very Light Blue */
    
    /* === Accent Colors === */
    --rh-orange-600: #EA580C;      /* Deep Orange */
    --rh-orange-500: #F97316;      /* Vibrant Orange - Secondary brand */
    --rh-orange-400: #FB923C;      /* Light Orange */
    --rh-orange-50: #FFF7ED;       /* Very Light Orange */
    
    /* === Neutral Colors === */
    --rh-slate-900: #0F172A;       /* Almost Black */
    --rh-slate-800: #1E293B;       /* Dark Gray */
    --rh-slate-700: #334155;       /* Medium Dark Gray */
    --rh-slate-600: #475569;       /* Medium Gray */
    --rh-slate-500: #64748B;       /* Base Gray */
    --rh-slate-400: #94A3B8;       /* Light Gray */
    --rh-slate-300: #CBD5E1;       /* Lighter Gray */
    --rh-slate-200: #E2E8F0;       /* Very Light Gray */
    --rh-slate-100: #F1F5F9;       /* Off White */
    --rh-slate-50: #F8FAFC;        /* Almost White */
    
    /* === Success Colors === */
    --rh-green-600: #059669;       /* Success Dark */
    --rh-green-500: #10B981;       /* Success */
    --rh-green-50: #ECFDF5;        /* Success Light */
    
    /* === Warning Colors === */
    --rh-yellow-600: #D97706;      /* Warning Dark */
    --rh-yellow-500: #F59E0B;      /* Warning */
    --rh-yellow-50: #FFFBEB;       /* Warning Light */
    
    /* === Danger Colors === */
    --rh-red-600: #DC2626;         /* Danger Dark */
    --rh-red-500: #EF4444;         /* Danger */
    --rh-red-50: #FEF2F2;          /* Danger Light */
    
    /* === Info Colors === */
    --rh-cyan-600: #0891B2;        /* Info Dark */
    --rh-cyan-500: #06B6D4;        /* Info */
    --rh-cyan-50: #ECFEFF;         /* Info Light */
    
    /* === Gradients === */
    --rh-gradient-primary: linear-gradient(135deg, var(--rh-blue-900) 0%, var(--rh-blue-500) 50%, var(--rh-orange-500) 100%);
    --rh-gradient-secondary: linear-gradient(135deg, var(--rh-orange-500) 0%, var(--rh-orange-400) 100%);
    --rh-gradient-accent: linear-gradient(135deg, var(--rh-blue-600) 0%, var(--rh-blue-400) 100%);
    --rh-gradient-hero: linear-gradient(135deg, var(--rh-blue-900) 0%, var(--rh-blue-600) 50%, var(--rh-orange-500) 100%);
    --rh-gradient-card: linear-gradient(180deg, var(--rh-slate-50) 0%, #FFFFFF 100%);
    
    /* === Shadows === */
    --rh-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --rh-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --rh-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --rh-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --rh-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --rh-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    
    /* === Spacing === */
    --rh-space-xs: 0.25rem;
    --rh-space-sm: 0.5rem;
    --rh-space-md: 1rem;
    --rh-space-lg: 1.5rem;
    --rh-space-xl: 2rem;
    --rh-space-2xl: 3rem;
    
    /* === Border Radius === */
    --rh-radius-sm: 0.375rem;
    --rh-radius-md: 0.5rem;
    --rh-radius-lg: 0.75rem;
    --rh-radius-xl: 1rem;
    --rh-radius-2xl: 1.5rem;
    --rh-radius-full: 9999px;
    
    /* === Typography === */
    --rh-font-sans: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --rh-font-mono: 'SF Mono', 'Monaco', 'Cascadia Code', monospace;
}

/* === Bootstrap Override === */
.btn-primary {
    background: var(--rh-gradient-primary) !important;
    border: none !important;
    color: white !important;
    box-shadow: var(--rh-shadow-md) !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--rh-shadow-lg) !important;
}

.btn-secondary {
    background-color: var(--rh-slate-600) !important;
    border-color: var(--rh-slate-600) !important;
}

.btn-success {
    background-color: var(--rh-green-500) !important;
    border-color: var(--rh-green-500) !important;
}

.btn-warning {
    background-color: var(--rh-yellow-500) !important;
    border-color: var(--rh-yellow-500) !important;
    color: var(--rh-slate-900) !important;
}

.btn-danger {
    background-color: var(--rh-red-500) !important;
    border-color: var(--rh-red-500) !important;
}

.btn-info {
    background-color: var(--rh-cyan-500) !important;
    border-color: var(--rh-cyan-500) !important;
}

/* === Card Styles === */
.card {
    border: 1px solid var(--rh-slate-200) !important;
    border-radius: var(--rh-radius-lg) !important;
    box-shadow: var(--rh-shadow) !important;
    background: white !important;
}

.card-header {
    background: var(--rh-gradient-card) !important;
    border-bottom: 1px solid var(--rh-slate-200) !important;
    font-weight: 600 !important;
    color: var(--rh-slate-900) !important;
}

/* === Hero Section === */
.hero-section {
    background: var(--rh-gradient-hero);
    color: white;
    padding: 4rem 0;
}

.hero-gradient {
    background: var(--rh-gradient-hero);
}

/* === Text Colors === */
.text-primary-brand {
    color: var(--rh-blue-600) !important;
}

.text-accent-brand {
    color: var(--rh-orange-500) !important;
}

.bg-primary-brand {
    background-color: var(--rh-blue-600) !important;
}

.bg-accent-brand {
    background-color: var(--rh-orange-500) !important;
}

.bg-gradient-brand {
    background: var(--rh-gradient-primary) !important;
}

/* === Badges === */
.badge {
    font-weight: 600 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: var(--rh-radius-full) !important;
}

.badge-primary {
    background-color: var(--rh-blue-600) !important;
    color: white !important;
}

.badge-success {
    background-color: var(--rh-green-500) !important;
    color: white !important;
}

.badge-warning {
    background-color: var(--rh-yellow-500) !important;
    color: var(--rh-slate-900) !important;
}

.badge-danger {
    background-color: var(--rh-red-500) !important;
    color: white !important;
}

.badge-info {
    background-color: var(--rh-cyan-500) !important;
    color: white !important;
}

/* === Alerts === */
.alert {
    border-radius: var(--rh-radius-md) !important;
    border-left-width: 4px !important;
}

.alert-success {
    background-color: var(--rh-green-50) !important;
    border-left-color: var(--rh-green-500) !important;
    color: var(--rh-green-600) !important;
}

.alert-warning {
    background-color: var(--rh-yellow-50) !important;
    border-left-color: var(--rh-yellow-500) !important;
    color: var(--rh-yellow-600) !important;
}

.alert-danger {
    background-color: var(--rh-red-50) !important;
    border-left-color: var(--rh-red-500) !important;
    color: var(--rh-red-600) !important;
}

.alert-info {
    background-color: var(--rh-cyan-50) !important;
    border-left-color: var(--rh-cyan-500) !important;
    color: var(--rh-cyan-600) !important;
}

/* === Links === */
a {
    color: var(--rh-blue-600);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--rh-orange-500);
}

/* === Form Inputs === */
.form-control:focus {
    border-color: var(--rh-blue-500) !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.1) !important;
}

.form-select:focus {
    border-color: var(--rh-blue-500) !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.1) !important;
}

/* === Navbar === */
.navbar {
    background: white !important;
    box-shadow: var(--rh-shadow-sm) !important;
    border-bottom: 1px solid var(--rh-slate-200) !important;
}

.nav-link {
    color: var(--rh-slate-700) !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.nav-link:hover {
    color: var(--rh-blue-600) !important;
}

.nav-link.active {
    color: var(--rh-blue-600) !important;
    font-weight: 600 !important;
}

/* === Tables === */
.table {
    border-color: var(--rh-slate-200) !important;
}

.table thead {
    background-color: var(--rh-slate-50) !important;
    color: var(--rh-slate-900) !important;
    font-weight: 600 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--rh-slate-50) !important;
}

.table-hover tbody tr:hover {
    background-color: var(--rh-blue-50) !important;
}

/* === Progress Bars === */
.progress {
    background-color: var(--rh-slate-200) !important;
    border-radius: var(--rh-radius-full) !important;
}

.progress-bar {
    background: var(--rh-gradient-primary) !important;
}

/* === Modals === */
.modal-content {
    border-radius: var(--rh-radius-lg) !important;
    border: none !important;
    box-shadow: var(--rh-shadow-2xl) !important;
}

.modal-header {
    background: var(--rh-gradient-card) !important;
    border-bottom: 1px solid var(--rh-slate-200) !important;
    border-top-left-radius: var(--rh-radius-lg) !important;
    border-top-right-radius: var(--rh-radius-lg) !important;
}

.modal-footer {
    background-color: var(--rh-slate-50) !important;
    border-top: 1px solid var(--rh-slate-200) !important;
}

/* === Utilities === */
.shadow-brand {
    box-shadow: var(--rh-shadow-lg) !important;
}

.shadow-brand-xl {
    box-shadow: var(--rh-shadow-xl) !important;
}

.rounded-brand {
    border-radius: var(--rh-radius-lg) !important;
}

.rounded-brand-xl {
    border-radius: var(--rh-radius-xl) !important;
}