/*--------------------------------------------------------
	MYSENIORJOB Custom Color Palette
	Based on Logo Colors: Blue (#1e40af) and Red (#dc2626)
--------------------------------------------------------*/

/* Primary Brand Colors */
:root {
	/* Logo Blue Variations */
	--logo-blue-primary: #1e40af;      /* Main blue from logo */
	--logo-blue-light: #3b82f6;        /* Lighter blue for accents */
	--logo-blue-dark: #1e3a8a;         /* Darker blue for text */
	--logo-blue-50: #eff6ff;           /* Very light blue backgrounds */
	--logo-blue-100: #dbeafe;          /* Light blue backgrounds */
	--logo-blue-500: #3b82f6;          /* Medium blue */
	--logo-blue-600: #2563eb;          /* Darker medium blue */
	--logo-blue-700: #1d4ed8;          /* Dark blue */
	--logo-blue-800: #1e40af;          /* Logo blue */
	--logo-blue-900: #1e3a8a;          /* Darkest blue */
	
	/* Logo Red Variations */
	--logo-red-primary: #dc2626;       /* Main red from logo */
	--logo-red-light: #ef4444;         /* Lighter red for accents */
	--logo-red-dark: #b91c1c;          /* Darker red for text */
	--logo-red-50: #fef2f2;            /* Very light red backgrounds */
	--logo-red-100: #fee2e2;           /* Light red backgrounds */
	--logo-red-500: #ef4444;           /* Medium red */
	--logo-red-600: #dc2626;           /* Logo red */
	--logo-red-700: #b91c1c;           /* Dark red */
	--logo-red-800: #991b1b;           /* Darker red */
	--logo-red-900: #7f1d1d;           /* Darkest red */
	
	/* Professional Neutral Colors */
	--neutral-50: #f8fafc;             /* Lightest gray */
	--neutral-100: #f1f5f9;            /* Light gray */
	--neutral-200: #e2e8f0;            /* Light border */
	--neutral-300: #cbd5e1;            /* Medium light gray */
	--neutral-400: #94a3b8;            /* Medium gray */
	--neutral-500: #64748b;            /* Base gray */
	--neutral-600: #475569;            /* Dark gray */
	--neutral-700: #334155;            /* Darker gray */
	--neutral-800: #1e293b;            /* Very dark gray */
	--neutral-900: #0f172a;            /* Darkest gray */
	
	/* Senior-Friendly Colors (Accessible & Professional) */
	--senior-blue: #1e40af;            /* Primary brand blue */
	--senior-red: #dc2626;             /* Primary brand red */
	--senior-gray: #64748b;            /* Professional gray */
	--senior-light: #f8fafc;           /* Light background */
	--senior-dark: #1e293b;            /* Dark text */
	--senior-accent: #059669;          /* Success green */
	--senior-warning: #d97706;         /* Warning orange */
	--senior-info: #0ea5e9;            /* Info blue */
}

/* Custom Button Styles for MYSENIORJOB Brand */
.btn-logo-blue {
	background-color: var(--logo-blue-primary);
	border-color: var(--logo-blue-primary);
	color: #ffffff;
}

.btn-logo-blue:hover {
	background-color: var(--logo-blue-dark);
	border-color: var(--logo-blue-dark);
	color: #ffffff;
}

.btn-logo-red {
	background-color: var(--logo-red-primary);
	border-color: var(--logo-red-primary);
	color: #ffffff;
}

.btn-logo-red:hover {
	background-color: var(--logo-red-dark);
	border-color: var(--logo-red-dark);
	color: #ffffff;
}

/* Custom Text Colors */
.text-logo-blue {
	color: var(--logo-blue-primary) !important;
}

.text-logo-red {
	color: var(--logo-red-primary) !important;
}

/* Custom Background Colors */
.bg-logo-blue {
	background-color: var(--logo-blue-primary) !important;
}

.bg-logo-red {
	background-color: var(--logo-red-primary) !important;
}

.bg-logo-blue-light {
	background-color: var(--logo-blue-50) !important;
}

.bg-logo-red-light {
	background-color: var(--logo-red-50) !important;
}

/* Senior-Friendly High Contrast Colors */
.senior-high-contrast {
	color: var(--senior-dark);
	background-color: var(--senior-light);
}

.senior-high-contrast-blue {
	color: #ffffff;
	background-color: var(--senior-blue);
}

.senior-high-contrast-red {
	color: #ffffff;
	background-color: var(--senior-red);
}