/* Pairmate — design tokens. Edit here, propagate everywhere. */

:root {
	/* Brand */
	--pm-teal:           #55DDE0;
	/* --pm-teal-dark:      #3FB8BB; */
	--pm-teal-dark:      #3dcace;
	--pm-blue-grey:      #33658A;
	--pm-blue-grey-dark: #284E6B;
	--pm-black:          #000000;

	/* Ink + neutrals */
	--pm-ink:    #0E2A33;
	--pm-muted:  #6B7B83;
	--pm-line:   #E7E9EB;
	--pm-line-2: #F1F2F4;
	--pm-bg:     #FFFFFF;

	/* Notice (Important Notice panel) */
	--pm-notice-bg: #FFF5F1;
	--pm-notice-bd: #F5C6B0;
	--pm-notice-fg: #C8412A;

	/* Contact buttons */
	--pm-whatsapp: #25D366;
	--pm-telegram: #2AA9DC;

	/* Type families */
	--pm-font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
	--pm-font-body:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	/* Radii */
	--pm-radius-sm:   8px;
	--pm-radius-md:   16px;
	--pm-radius-lg:   24px;
	--pm-radius-pill: 999px;

	/* Shadows */
	--pm-shadow-sm: 0 1px 2px rgba(14, 42, 51, 0.06);
	--pm-shadow-md: 0 6px 18px rgba(14, 42, 51, 0.08);
	--pm-shadow-lg: 0 20px 40px rgba(14, 42, 51, 0.12);

	/* Spacing scale */
	--pm-space-1: 4px;
	--pm-space-2: 8px;
	--pm-space-3: 12px;
	--pm-space-4: 16px;
	--pm-space-5: 24px;
	--pm-space-6: 32px;
	--pm-space-7: 48px;
	--pm-space-8: 64px;

	/* Type scale */
	--pm-text-xs:  12px;
	--pm-text-sm:  14px;
	--pm-text-md:  16px;
	--pm-text-lg:  18px;
	--pm-text-xl:  22px;
	--pm-text-2xl: 28px;
	--pm-text-3xl: 36px;
	--pm-text-4xl: 48px;
	--pm-text-5xl: 64px;

	/* Line heights */
	--pm-line-tight: 1.2;
	--pm-line-base:  1.5;
	--pm-line-loose: 1.7;

	/* z-index scale */
	--pm-z-base:    1;
	--pm-z-sticky:  50;
	--pm-z-overlay: 100;
	--pm-z-modal:   200;
	--pm-z-toast:   300;

	/* Layout */
	--pm-container-max: 1200px;
}