/*
 * Pladinum Global CSS
 *
 * Loaded on every page. Brand variables and minimal site-wide rules only.
 * Per-block styles (hero.css, pricing.css, etc.) are loaded conditionally
 * by their respective Elementor widgets via get_style_depends().
 *
 * @version 1.0.0
 */

:root {
	/* ── Brand colors ────────────────────────────────────── */
	--pld-color-primary:        #1a56db;
	--pld-color-primary-hover:  #1e40af;
	--pld-color-primary-light:  #93c5fd;
	--pld-color-dark:           #0d0d0d;
	--pld-color-cream:          #f0ece6;
	--pld-color-bg:             #ffffff;

	/* ── Text colors ─────────────────────────────────────── */
	--pld-color-text:           #1f2937;
	--pld-color-text-light:     rgba(255, 255, 255, 0.92);
	--pld-color-text-muted:     #6b7280;
	--pld-color-text-subtle:    #9ca3af;

	/* ── Accent / semantic ───────────────────────────────── */
	--pld-color-success:        #10b981;
	--pld-color-warning:        #f59e0b;
	--pld-color-danger:         #ef4444;
	--pld-color-border:         #e5e7eb;

	/* ── Spacing scale (8px base) ────────────────────────── */
	--pld-space-1:  8px;
	--pld-space-2:  16px;
	--pld-space-3:  24px;
	--pld-space-4:  32px;
	--pld-space-6:  48px;
	--pld-space-8:  64px;
	--pld-space-12: 96px;
	--pld-space-16: 128px;

	/* ── Layout ──────────────────────────────────────────── */
	--pld-container-max: 1280px;
	--pld-container-pad: clamp(16px, 4vw, 32px);

	/* ── Border radius ───────────────────────────────────── */
	--pld-radius-sm: 4px;
	--pld-radius-md: 8px;
	--pld-radius-lg: 12px;
	--pld-radius-xl: 16px;
	--pld-radius-pill: 9999px;

	/* ── Shadows ─────────────────────────────────────────── */
	--pld-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--pld-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--pld-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

	/* ── Transitions ─────────────────────────────────────── */
	--pld-transition-fast: 150ms ease;
	--pld-transition-base: 200ms ease;
	--pld-transition-slow: 300ms ease;
}

/* ── Accessibility: respect motion preferences ───────────── */
@media (prefers-reduced-motion: reduce) {
	:root {
		--pld-transition-fast: 0ms;
		--pld-transition-base: 0ms;
		--pld-transition-slow: 0ms;
	}
}