/* Luxury Beauty Pro - base front-end styles
 * Palette: primary #E84F9E | secondary #2A2323 | background #F7F3F4
 * Fonts:   Cormorant Garamond (headings) | Poppins (body)
 */

:root {
	--lbp-primary: #D7C6A3;
	--lbp-secondary: #2A2323;
	--lbp-background: #F7F3F4;
	--lbp-white: #FFFFFF;
	--lbp-font-heading: "Cormorant Garamond", Georgia, serif;
	--lbp-font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
	margin: 0;
	font-family: var(--lbp-font-body);
	color: var(--lbp-secondary);
	background-color: var(--lbp-background);
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--lbp-font-heading);
	color: var(--lbp-secondary);
	line-height: 1.2;
}

a {
	color: var(--lbp-primary);
	text-decoration: none;
}

.lbp-container {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 1.25rem;
}

.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
}
.skip-link.screen-reader-text:focus {
	left: 1rem;
	top: 1rem;
	z-index: 9999;
	background: var(--lbp-white);
	padding: 0.5rem 1rem;
}

/* TODO: section/component styles as widgets are fleshed out. */