/**
 * Case Studies Portfolio — Global CSS Variables
 *
 * Variables centralizadas para todos los estilos del plugin.
 * Se cargan una sola vez y se comparten entre todos los módulos.
 *
 * @package Case_Studies_Portfolio
 */

:root {
	/* ── Colors ── */
	--csp-primary: #0EA5E9;
	--csp-primary-dark: #0284c7;
	--csp-secondary: #0369a1;
	--csp-secondary-dark: #0f172a;
	--csp-bg-light: #f9fafb;
	--csp-bg-white: #ffffff;
	--csp-text-dark: #0a2540;
	--csp-text-mid: #374151;
	--csp-text-light: #6b7280;
	--csp-text-white: #ffffff;
	--csp-text-muted: rgba(255, 255, 255, 0.8);
	--csp-border: #e5e7eb;
	--csp-border-light: #f3f4f6;

	/* ── Shadows ── */
	--csp-shadow-sm: rgba(0, 0, 0, 0.06);
	--csp-shadow: rgba(0, 0, 0, 0.1);
	--csp-shadow-strong: rgba(0, 0, 0, 0.15);

	/* ── Radius ── */
	--csp-radius-xs: 4px;
	--csp-radius-sm: 6px;
	--csp-radius-md: 8px;
	--csp-radius-lg: 12px;
	--csp-radius-xl: 16px;
	--csp-radius-full: 50%;

	/* ── Typography ─ */
	--csp-font-size-xs: 0.75rem;
	--csp-font-size-sm: 0.875rem;
	--csp-font-size-md: 1rem;
	--csp-font-size-lg: 1.125rem;
	--csp-font-size-xl: 1.5rem;
	--csp-font-size-xxl: 1.75rem;
	--csp-font-size-xxxl: 2.25rem;

	/* ── Spacing ── */
	--csp-space-xs: 4px;
	--csp-space-sm: 8px;
	--csp-space-md: 12px;
	--csp-space-lg: 16px;
	--csp-space-xl: 20px;
	--csp-space-xxl: 24px;
	--csp-space-xxxl: 40px;

	/* ── Transitions ── */
	--csp-transition: 0.2s ease;
	--csp-transition-slow: 0.3s ease;

	/* ── Z-index ── */
	--csp-z-overlay: 1;
	--csp-z-content: 2;
	--csp-z-badge: 3;
	--csp-z-nav: 10;
}