:root {
	--pp-navy: #07111F;
	--pp-navy-mid: #0C1928;
	--pp-sea: #3B9EC4;
	--pp-sea-bright: #6DCBEC;
	--pp-text: #F2F6FA;
	--pp-text-sec: #97A7BA;
	--pp-border: #546880;
	--pp-wa: #25D366;
}
html, body { margin: 0; padding: 0; background: var(--pp-navy); }
body { font-family: 'DM Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; color: var(--pp-text); }
*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; }
a { color: var(--pp-sea-bright); text-decoration: none; }
a:hover { color: var(--pp-sea); }
::selection { background: var(--pp-sea); color: var(--pp-navy); }

/* Generic WordPress/WooCommerce pages (cart, checkout, my account) that
   aren't custom templates — kept legible against the dark theme. */
.pp-page { max-width: 900px; margin: 0 auto; padding: 150px 20px 80px; }
.pp-page-title { font-family: 'Schibsted Grotesk', system-ui, sans-serif; font-weight: 700; font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.03em; color: #fff; margin: 0 0 30px; }
.pp-page-content { font-size: 16px; line-height: 1.6; color: var(--pp-text-sec); }
.pp-page-content table { width: 100%; border-collapse: collapse; color: var(--pp-text); }
.pp-page-content th, .pp-page-content td { padding: 12px; border-bottom: 1px solid rgba(84,104,128,0.28); text-align: left; }
.pp-page-content input, .pp-page-content select, .pp-page-content textarea {
	background: var(--pp-navy-mid); border: 1px solid rgba(84,104,128,0.45); color: var(--pp-text);
	padding: 10px 14px; border-radius: 8px; font-family: 'DM Sans', sans-serif;
}
.pp-page-content .button, .pp-page-content button[type="submit"] {
	background: var(--pp-wa); border: none; color: var(--pp-navy); font-weight: 500;
	padding: 14px 24px; border-radius: 999px; cursor: pointer; font-family: 'DM Sans', sans-serif;
}