/*--------------------------------------------------------------
# CSS Variables (Color Scheme)
--------------------------------------------------------------*/

:root {
	/* Primary Colors */
	--color-primary: #2563eb;
	--color-primary-light: #3b82f6;
	--color-primary-dark: #1d4ed8;
	--color-primary-hover: #1e40af;
	
	/* Secondary Colors */
	--color-secondary: #7c3aed;
	--color-secondary-light: #8b5cf6;
	--color-secondary-dark: #6d28d9;
	--color-secondary-hover: #5b21b6;
	
	/* Accent Colors */
	--color-accent: #06b6d4;
	--color-accent-light: #22d3ee;
	--color-accent-dark: #0891b2;
	
	/* Neutral Colors */
	--color-white: #ffffff;
	--color-black: #000000;
	--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;
	--color-gray-950: #030712;
	
	/* Status Colors */
	--color-success: #10b981;
	--color-success-light: #34d399;
	--color-success-dark: #059669;
	
	--color-warning: #f59e0b;
	--color-warning-light: #fbbf24;
	--color-warning-dark: #d97706;
	
	--color-error: #ef4444;
	--color-error-light: #f87171;
	--color-error-dark: #dc2626;
	
	--color-info: #06b6d4;
	--color-info-light: #22d3ee;
	--color-info-dark: #0891b2;
	
	/* Background Colors */
	--bg-primary: var(--color-white);
	--bg-secondary: var(--color-gray-50);
	--bg-tertiary: var(--color-gray-100);
	--bg-card: var(--color-white);
	--bg-overlay: rgba(0, 0, 0, 0.5);
	--bg-header: var(--color-white);
	--bg-footer: var(--color-gray-100);
	--bg-ad: #e8e8ea;
	--bg-logo: #181a2a;
	--text-logo: white;
	
	/* Text Colors */
	--text-primary: var(--color-gray-900);
	--text-secondary: var(--color-gray-600);
	--text-muted: var(--color-gray-500);
	--text-inverse: var(--color-white);
	--text-link: var(--color-primary);
	--text-link-hover: var(--color-primary-hover);
	--text-ad: #696a75;
	
	/* Border Colors */
	--border-light: var(--color-gray-200);
	--border-medium: var(--color-gray-300);
	--border-dark: var(--color-gray-400);
	--border-focus: var(--color-primary);
	
	/* Shadow Colors */
	--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);
	--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	
	/* Gradient Colors */
	--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
	--gradient-warm: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
	--gradient-cool: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}