/**
 * Token PurpleSoft AI — tema scuro (--psai-* per CSS fuori Elementor).
 * Valori esadecimali canonici: tools/wp-bootstrap/lib/psai-elementor-palette.php → psai_elementor_color_tokens()
 * (kit Site Settings + __globals__ nei template Theme Builder).
 */
:root {
	/* Brand (invariati) */
	--psai-brand: #954392;
	--psai-primary: #5b9fff;
	--psai-secondary: #c9a8d4;
	/* Accento UI (non corallo): tinta fredda tra primary e secondary */
	--psai-accent: color-mix(in srgb, var(--psai-primary) 45%, var(--psai-secondary) 55%);
	/* Testo su sfondi scuri */
	--psai-text: #e8eaef;
	--psai-text-muted: #9aa3b2;
	--psai-white: #ffffff;
	/* Superfici */
	--psai-bg-base: #0a0710;
	--psai-surface: #14101f;
	--psai-surface-raised: #1c1528;
	--psai-surface-header: #120d1a;
	--psai-border-subtle: rgba(255, 255, 255, 0.08);
	--psai-border-input: rgba(255, 255, 255, 0.18);
	--psai-radius: 12px;
	--psai-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	--psai-primary-soft: rgba(91, 159, 255, 0.22);
	--psai-primary-glow: rgba(91, 159, 255, 0.28);
	--psai-primary-glow-strong: rgba(91, 159, 255, 0.38);
	--psai-accent-glow: var(--psai-primary-glow);
	/* CTA primaria: stessa ricetta ovunque (hero .psai-btn-primary, header Elementor, ecc.) */
	--psai-cta-border: color-mix(in srgb, var(--psai-primary) 45%, transparent);
	--psai-cta-fill-top: color-mix(in srgb, var(--psai-primary) 92%, #ffffff);
	--psai-cta-fill-bottom: var(--psai-primary);
	--psai-cta-shadow: 0 2px 12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
	--psai-cta-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
	--psai-cta-glow: 0 4px 14px var(--psai-primary-glow);
	/* Messaggi form (tema scuro) */
	--psai-msg-error-bg: color-mix(in srgb, #c62828 28%, var(--psai-surface-raised));
	--psai-msg-error-text: #ffccbc;
	--psai-msg-success-bg: color-mix(in srgb, #2e7d32 28%, var(--psai-surface-raised));
	--psai-msg-success-text: #c8e6c9;
	--psai-header-backdrop-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
	--psai-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
	--psai-card-shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.5);
	--psai-featured-shadow: 0 20px 56px rgba(0, 0, 0, 0.45);
	/* Footer gradient (allineati a footer TB) */
	--psai-deep-1: #2a1538;
	--psai-deep-2: #1a0f24;
	--psai-deep-3: #0d0612;
	/* Compat: vecchi nomi usati in CSS esistente */
	--psai-muted: var(--psai-text-muted);
}