/**
 * Plusmaster design tokens (style guide).
 *
 * @package Plusmaster
 */

:root {
	/* Brand */
	--pm-brand-50: #ffecee;
	--pm-brand-100: #fed4d7;
	--pm-brand-200: #feabb4;
	--pm-brand-300: #fe8492;
	--pm-brand-400: #fe5670;
	--pm-brand-500: #f70b4d;
	--pm-brand-600: #d50841;
	--pm-brand-700: #a80531;
	--pm-brand-800: #770220;
	--pm-brand-900: #45010f;
	--pm-brand-950: #2c0007;

	/* Gray */
	--pm-gray-50: #f9fafb;
	--pm-gray-100: #f3f4f6;
	--pm-gray-200: #e5e7eb;
	--pm-gray-300: #d1d5db;
	--pm-gray-400: #9ca3af;
	--pm-gray-500: #6b7280;
	--pm-gray-600: #4b5563;
	--pm-gray-700: #374151;
	--pm-gray-800: #1f2937;
	--pm-gray-900: #111827;
	--pm-gray-950: #030712;

	/* Orange */
	--pm-orange-50: #fff7ed;
	--pm-orange-100: #ffedd5;
	--pm-orange-200: #fed7aa;
	--pm-orange-300: #fdba74;
	--pm-orange-400: #fb923c;
	--pm-orange-500: #f97316;
	--pm-orange-600: #ea580c;
	--pm-orange-700: #c2410c;
	--pm-orange-800: #9a3412;
	--pm-orange-900: #7c2d12;
	--pm-orange-950: #431407;

	/* Emerald */
	--pm-emerald-50: #ecfdf5;
	--pm-emerald-100: #d1fae5;
	--pm-emerald-200: #a7f3d0;
	--pm-emerald-300: #6ee7b7;
	--pm-emerald-400: #34d399;
	--pm-emerald-500: #0aae77;
	--pm-emerald-600: #059669;
	--pm-emerald-700: #047857;
	--pm-emerald-800: #065f46;
	--pm-emerald-900: #064e3b;
	--pm-emerald-950: #022c22;

	/* Blue */
	--pm-blue-50: #eff6ff;
	--pm-blue-100: #dbeafe;
	--pm-blue-200: #bfdbfe;
	--pm-blue-300: #93c5fd;
	--pm-blue-400: #60a5fa;
	--pm-blue-500: #1955eb;
	--pm-blue-600: #2563eb;
	--pm-blue-700: #1d4ed8;
	--pm-blue-800: #1e40af;
	--pm-blue-900: #1e3a8a;
	--pm-blue-950: #172554;

	/* B&W */
	--pm-white: #ffffff;
	--pm-black: #000000;
	--pm-transparent: rgba(0, 0, 0, 0);

	/* Alpha light */
	--pm-alpha-light-50: rgba(26, 26, 26, 0.06);
	--pm-alpha-light-100: rgba(26, 26, 26, 0.09);
	--pm-alpha-light-200: rgba(26, 26, 26, 0.2);
	--pm-alpha-light-300: rgba(26, 26, 26, 0.28);
	--pm-alpha-light-400: rgba(26, 26, 26, 0.36);
	--pm-alpha-light-500: rgba(26, 26, 26, 0.48);
	--pm-alpha-light-600: rgba(26, 26, 26, 0.6);
	--pm-alpha-light-700: rgba(26, 26, 26, 0.7);
	--pm-alpha-light-800: rgba(26, 26, 26, 0.75);
	--pm-alpha-light-900: rgba(26, 26, 26, 0.8);
	--pm-alpha-light-1000: #1a1a1a;
	--pm-alpha-light-00: #ffffff;

	/* Alpha dark */
	--pm-alpha-dark-50: rgba(255, 255, 255, 0.06);
	--pm-alpha-dark-100: rgba(255, 255, 255, 0.09);
	--pm-alpha-dark-200: rgba(255, 255, 255, 0.2);
	--pm-alpha-dark-300: rgba(255, 255, 255, 0.28);
	--pm-alpha-dark-400: rgba(255, 255, 255, 0.36);
	--pm-alpha-dark-500: rgba(255, 255, 255, 0.48);
	--pm-alpha-dark-600: rgba(255, 255, 255, 0.6);
	--pm-alpha-dark-700: rgba(255, 255, 255, 0.7);
	--pm-alpha-dark-800: rgba(255, 255, 255, 0.75);
	--pm-alpha-dark-900: rgba(255, 255, 255, 0.8);
	--pm-alpha-dark-1000: #ffffff;
	--pm-alpha-dark-00: #141414;

	/* Size scale */
	--pm-size-zero: 0px;
	--pm-size-xxs: 2px;
	--pm-size-xs: 4px;
	--pm-size-sm: 8px;
	--pm-size-base: 12px;
	--pm-size-lg: 16px;
	--pm-size-xl: 20px;
	--pm-size-2xl: 24px;
	--pm-size-3xl: 32px;
	--pm-size-4xl: 40px;
	--pm-size-5xl: 48px;

	/* Space scale */
	--pm-space-0: 0px;
	--pm-space-1: 1px;
	--pm-space-2: 2px;
	--pm-space-4: 4px;
	--pm-space-8: 8px;
	--pm-space-10: 10px;
	--pm-space-12: 12px;
	--pm-space-14: 14px;
	--pm-space-16: 16px;
	--pm-space-20: 20px;
	--pm-space-24: 24px;
	--pm-space-28: 28px;
	--pm-space-32: 32px;
	--pm-space-40: 40px;
	--pm-space-48: 48px;
	--pm-space-60: 60px;
	--pm-space-72: 72px;

	/* Layout */
	--pm-rail-width: min(100%, 400px);
	--pm-header-height: 72px;
	--pm-container-max: 1440px;

	/* Radius (design system: 0 … 48 + Full) */
	--pm-radius-0: 0;
	--pm-radius-2: 2px;
	--pm-radius-4: 4px;
	--pm-radius-6: 6px;
	--pm-radius-8: 8px;
	--pm-radius-12: 12px;
	--pm-radius-16: 16px;
	--pm-radius-24: 24px;
	--pm-radius-32: 32px;
	--pm-radius-48: 48px;
	--pm-radius-full: 999px;

	/* Radius semánticos (componentes; mapean a la escala anterior) */
	--pm-radius-sm: var(--pm-radius-12);
	--pm-radius-md: var(--pm-radius-24);
	--pm-radius-lg: var(--pm-radius-32);

	/* Breakpoints (for reference in comments; use in media queries) */
	--pm-bp-lg: 1024px;

	/* Botón WhatsApp (Figma) */
	--pm-whatsapp-bg: #16b351;
	--pm-whatsapp-bg-hover: #0f9742;
	--pm-whatsapp-border: #15ab4d;
	--pm-whatsapp-shadow-1: 0 2px 12px 0 rgba(21, 188, 83, 0.7);
	--pm-whatsapp-shadow-2: 0 1px 4px 0 rgba(21, 188, 83, 0.3);

	/* Font stacks */
	--pm-font-primary: "Switzer", system-ui, -apple-system, sans-serif;
	--pm-font-secondary: "Inter", system-ui, -apple-system, sans-serif;

	/* Heading/H3 — Switzer 40/48, tracking -0.3 (Figma: Semi Bold / Bold) */
	--pm-text-h3-size: 40px;
	--pm-text-h3-line-height: 48px;
	--pm-text-h3-letter-spacing: -0.3px;
	--pm-text-h3-weight-semibold: 600;
	--pm-text-h3-weight-bold: 700;

	/* Heading/H4 — Switzer 32/38, tracking -0.2 (Figma: Medium / Semi Bold) */
	--pm-text-h4-size: 32px;
	--pm-text-h4-line-height: 38px;
	--pm-text-h4-letter-spacing: -0.2px;
	--pm-text-h4-weight-medium: 500;
	--pm-text-h4-weight-semibold: 600;
	--pm-text-h4-weight-bold: 700;

	/* Heading/H5 — Switzer 24/30, tracking -0.15 (Figma: Medium / Semi Bold / Bold) */
	--pm-text-h5-size: 24px;
	--pm-text-h5-line-height: 30px;
	--pm-text-h5-letter-spacing: -0.15px;
	--pm-text-h5-weight-medium: 500;
	--pm-text-h5-weight-semibold: 600;
	--pm-text-h5-weight-bold: 700;

	/* Heading/H6 — Switzer 20/24, tracking 0 (Figma: Medium / Semi Bold / Bold) */
	--pm-text-h6-size: 20px;
	--pm-text-h6-line-height: 24px;
	--pm-text-h6-letter-spacing: 0;
	--pm-text-h6-weight-medium: 500;
	--pm-text-h6-weight-semibold: 600;
	--pm-text-h6-weight-bold: 700;

	/* Body/Body-2 — Inter 16/24, tracking 0 (Figma: Regular / Medium) */
	--pm-text-body-2-size: 16px;
	--pm-text-body-2-line-height: 24px;
	--pm-text-body-2-letter-spacing: 0;
	--pm-text-body-2-weight-regular: 400;
	--pm-text-body-2-weight-medium: 500;
	
	/* Body/Body-3 — Inter 14/20, tracking 0 (Figma: Regular / Medium) */
	--pm-text-body-3-size: 14px;
	--pm-text-body-3-line-height: 20px;
	--pm-text-body-3-letter-spacing: 0;
	--pm-text-body-3-weight-regular: 400;
	--pm-text-body-3-weight-medium: 500;

	/* Body/Body-4 — Inter 12/16, tracking 0 (Figma: Regular / Medium) */
	--pm-text-body-4-size: 12px;
	--pm-text-body-4-line-height: 16px;
	--pm-text-body-4-letter-spacing: 0;
	--pm-text-body-4-weight-regular: 400;
	--pm-text-body-4-weight-medium: 500;

	/* Label/Label-1 — Inter 16/22, tracking -0.18 (Figma: Regular / Medium / Bold) */
	--pm-text-label-1-size: 16px;
	--pm-text-label-1-line-height: 22px;
	--pm-text-label-1-letter-spacing: -0.18px;
	--pm-text-label-1-weight-regular: 400;
	--pm-text-label-1-weight-medium: 500;
	--pm-text-label-1-weight-bold: 700;

	/* Hero landing: franja inferior vidrio */
	--pm-hero-bottom-blur-height: 80px;
}