/**
 * GPR-Press Frontend Styles - Bricks Theme Override
 * Base font size: 62.5% (10px)
 * 1rem = 10px in Bricks theme
 */

:root {
	/* Typography - Bricks compatible (62.5% base) */
	--gprp-font-size-xs: 1.2rem;    /* 12px (0.75rem → 1.2rem) */
	--gprp-font-size-sm: 1.4rem;    /* 14px (0.875rem → 1.4rem) */
	--gprp-font-size-base: 1.6rem;  /* 16px (1rem → 1.6rem) */
	--gprp-font-size-lg: 1.8rem;    /* 18px (1.125rem → 1.8rem) */
	--gprp-font-size-xl: 2.0rem;    /* 20px (1.25rem → 2.0rem) */
	--gprp-font-size-2xl: 2.4rem;   /* 24px (1.5rem → 2.4rem) */

	/* Spacing - Bricks compatible (62.5% base) */
	--gprp-space-xs: 0.8rem;   /* 8px (0.5rem → 0.8rem) */
	--gprp-space-sm: 1.6rem;   /* 16px (1rem → 1.6rem) */
	--gprp-space-md: 2.4rem;   /* 24px (1.5rem → 2.4rem) */
	--gprp-space-lg: 3.2rem;   /* 32px (2rem → 3.2rem) */
	--gprp-space-xl: 4.8rem;   /* 48px (3rem → 4.8rem) */
}

/* Responsive - Bricks compatible */
@media (max-width: 480px) {
	:root {
		--gprp-font-size-base: 1.4rem;  /* 14px (0.875rem → 1.4rem) */
		--gprp-space-lg: 2.4rem;        /* 24px (1.5rem → 2.4rem) */
		--gprp-space-xl: 3.2rem;        /* 32px (2rem → 3.2rem) */
	}
}