/* =========================================
   PERTECNICA DESIGN TOKENS
========================================= */

:root {

	/* =====================================
	   COLORS
	===================================== */

	--pt-color-primary: #2563eb;
	--pt-color-primary-dark: #1d4ed8;

	--pt-color-text: #1e293b;
	--pt-color-text-light: #64748b;

	--pt-color-border: #e2e8f0;

	--pt-color-surface: #ffffff;
	--pt-color-surface-alt: #f8fafc;

	/* =====================================
	   SPACING
	===================================== */

	--pt-space-xs: 8px;
	--pt-space-sm: 16px;
	--pt-space-md: 24px;
	--pt-space-lg: 40px;
	--pt-space-xl: 72px;

	/* =====================================
	   RADIUS
	===================================== */

	--pt-radius-sm: 8px;
	--pt-radius-md: 14px;
	--pt-radius-lg: 24px;

	/* =====================================
	   SHADOWS
	===================================== */

	--pt-shadow-sm:
		0 4px 12px rgba(15, 23, 42, 0.06);

	--pt-shadow-md:
		0 10px 30px rgba(15, 23, 42, 0.08);

	/* =====================================
	   TRANSITIONS
	===================================== */

	--pt-transition:
		0.25s ease;

}