/* GuestPostPro design tokens. Brand colours are overridden from the Customizer (inline style). */
:root {
	--gpp-navy-900: #0B1B3F;
	--gpp-navy-800: #1C2A4C;
	--gpp-ink: #0F1E3D;
	--gpp-ink-2: #24314F;
	--gpp-muted: #5B6785;
	--gpp-primary: #1F5EFF;
	--gpp-primary-600: #1A4FD8;
	--gpp-primary-50: #EEF3FF;
	--gpp-accent: #6A4BF0;
	--gpp-accent-50: #F1EDFF;
	--gpp-bg: #FFFFFF;
	--gpp-bg-subtle: #F5F7FB;
	--gpp-bg-muted: #EEF1F6;
	--gpp-border: #E3E8F2;
	--gpp-border-strong: #D5DCEA;

	--gpp-ok: #11733A;     --gpp-ok-bg: #E8F7EE;
	--gpp-warn: #8A4B06;   --gpp-warn-bg: #FEF4E6;
	--gpp-info: #1D4ED8;   --gpp-info-bg: #EAF1FE;
	--gpp-bad: #A61B1B;    --gpp-bad-bg: #FDECEC;
	--gpp-gray: #46526E;   --gpp-gray-bg: #EEF1F6;

	--gpp-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--gpp-r-sm: 6px;
	--gpp-r-input: 8px;
	--gpp-r-btn: 10px;
	--gpp-r-card: 14px;
	--gpp-r-lg: 20px;

	--gpp-shadow-sm: 0 1px 2px rgba(15, 30, 61, .06);
	--gpp-shadow-md: 0 6px 20px rgba(15, 30, 61, .08);
	--gpp-shadow-lg: 0 20px 50px rgba(15, 30, 61, .18);

	--gpp-container: 1200px;
	--gpp-narrow: 760px;
	--gpp-gutter: 24px;
	--gpp-header-h: 72px;
	--gpp-focus: 0 0 0 3px color-mix(in srgb, var(--gpp-primary) 35%, transparent);
}

@media (max-width: 600px) {
	:root { --gpp-gutter: 16px; }
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: #fff;
	clip: auto !important;
	clip-path: none;
	color: var(--gpp-ink);
	display: block;
	font-weight: 600;
	height: auto;
	left: 8px;
	padding: 12px 16px;
	top: 8px;
	width: auto;
	z-index: 100000;
	border-radius: var(--gpp-r-btn);
	box-shadow: var(--gpp-shadow-md);
}