/**
 * CSS Variables - BLC Parents Portal
 * 
 * Variables centralizadas para todo el plugin
 * Se cargan primero en el HTML para estar disponibles en todos los archivos CSS
 * 
 * @package BlC_Parents_Portal
 * @since 1.0.0
 */

/* ============================================
   Colors & Theme
   ============================================ */

:root {
	/* Primary Colors */
	--blc-primary-color: #1e40af;
	--primary-dark: #005a87;
	--secondary-color: #6c757d;
	
	/* Status Colors */
	--success-color: #28a745;
	--warning-color: #ffc107;
	--danger-color: #dc3545;
	--info-color: #17a2b8;
	
	/* Background & Surface */
	--light-bg: #f8f9fa;
	--dark-bg: #212529;
	
	/* Text Colors */
	--text-color: #212529;
	--text-muted: #6c757d;
	--text-light: #6c757d;
	
	/* Borders & Shadows */
	--border-color: #dee2e6;
	--shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	
	/* Border Radius */
	--border-radius: 1.6rem;
	--border-radius-sm: 4px;
	
	/* Spacing Scale */
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-xxl: 3.2rem;
	
	/* Transitions & Animations */
	--transition: all 0.3s ease;
	
	/* Legacy aliases for backward compatibility */
	--blc-success-color: var(--success-color);
	--blc-error-color: var(--danger-color);
	--blc-warning-color: var(--warning-color);
	--blc-info-color: var(--info-color);
	--blc-light-gray: var(--light-bg);
	--blc-border-color: var(--border-color);
	--blc-text-color: var(--text-color);
	--blc-text-light: var(--text-muted);
	--blc-border-radius: var(--border-radius-sm);
}