/* Protostar ERP design tokens.
 * Palette derived from sequenceqms.com (:root vars extracted 2026-08-02) so the
 * two products share one brand system. Everything downstream themes against
 * these --pst-* tokens; never hard-code brand hex values elsewhere. */
:root {
	/* Brand */
	--pst-navy: #0f172a;
	--pst-navy-light: #1e293b;
	--pst-blue: #2563eb;
	--pst-blue-hover: #1d4ed8;
	--pst-blue-light: #3b82f6;
	--pst-teal: #06b6d4;
	--pst-teal-light: #22d3ee;

	/* Neutrals (Tailwind slate — matches sequenceqms) */
	--pst-slate-50: #f8fafc;
	--pst-slate-100: #f1f5f9;
	--pst-slate-200: #e2e8f0;
	--pst-slate-300: #cbd5e1;
	--pst-slate-400: #94a3b8;
	--pst-slate-500: #64748b;
	--pst-slate-600: #475569;
	--pst-slate-700: #334155;
	--pst-slate-800: #1e293b;
	--pst-slate-900: #0f172a;

	/* Tints for states (blue at low alpha keeps contrast on any surface) */
	--pst-blue-tint-08: rgba(37, 99, 235, 0.08);
	--pst-blue-tint-12: rgba(37, 99, 235, 0.12);
	--pst-blue-tint-35: rgba(37, 99, 235, 0.35);

	/* Motion (sequenceqms easing) */
	--pst-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--pst-transition: 0.18s var(--pst-ease);

	/* Focus ring — WCAG 2.2 visible-focus */
	--pst-focus-ring: 0 0 0 2px var(--pst-blue-tint-35);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--pst-transition: 0s linear;
	}
}