/**
 * Design tokens + native-theme-only rules (frozen Elementor pages use kit CSS).
 */

:root {
	--pp-bg: #0b0c0c;
	--pp-text: #f5f8ff;
	--pp-text-muted: rgba(245, 248, 255, 0.79);
	--pp-heading: #ffffff;
	--pp-accent: #d2c1af;
	--pp-container: 1140px;
	--pp-font-body: "Roboto", system-ui, sans-serif;
	--pp-font-display: "Saira Condensed", sans-serif;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

/* Native templates only — avoid fighting Elementor frozen markup. */
body.pp-native-theme {
	margin: 0;
	background: var(--pp-bg);
	color: var(--pp-text-muted);
	font-family: var(--pp-font-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

body.pp-native-theme h1,
body.pp-native-theme h2,
body.pp-native-theme h3,
body.pp-native-theme h4,
body.pp-native-theme h5,
body.pp-native-theme h6 {
	color: var(--pp-heading);
	font-family: var(--pp-font-display);
	font-weight: 600;
	line-height: 1.2;
}

body.pp-native-theme a {
	color: var(--pp-accent);
	text-decoration: none;
}

body.pp-native-theme a:hover {
	text-decoration: underline;
}