:root {
	--scently-color-bg: #ffffff;
	--scently-color-surface: #ffffff;
	--scently-color-surface-strong: #f6f3f8;
	--scently-color-text: #151515;
	--scently-color-text-soft: #66606f;
	--scently-color-border: rgba(25, 16, 39, 0.14);
	--scently-color-accent: #4c2b72;
	--scently-color-accent-strong: #2f184b;
	--scently-color-accent-contrast: #ffffff;
	--scently-color-success: #26624d;
	--scently-color-danger: #8e2f2f;
	--scently-shadow-soft: 0 16px 36px rgba(16, 8, 29, 0.12);
	--scently-radius-sm: 0.875rem;
	--scently-radius-md: 1.5rem;
	--scently-radius-lg: 2.5rem;
	--scently-container: 1380px;
	--scently-transition: 180ms ease;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	font-family: "Poppins", "Segoe UI", Arial, sans-serif;
}

body {
	margin: 0;
	font-family: "Poppins", "Segoe UI", Arial, sans-serif;
	background: var(--scently-color-bg);
	color: var(--scently-color-text);
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: "Poppins", "Segoe UI", Arial, sans-serif;
	line-height: 1.1;
}

p {
	margin: 0 0 1rem;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
select,
textarea {
	font: inherit;
}

body,
button,
input,
select,
textarea,
.button,
.menu a,
.woocommerce,
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
	font-family: "Poppins", "Segoe UI", Arial, sans-serif;
}

:focus-visible {
	outline: 3px solid var(--scently-color-accent);
	outline-offset: 3px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
