/* =========================================================
   CORE STYLES
   Purpose:
   Base styling for layout, typography, components,
   and general UI elements used across the theme.
   ========================================================= */

html {
  font-size: 62.5%;
}

:root {
	--space-sec: clamp(4.6rem, 1.5294vw + 4.1412rem, 5.6rem);
	--space-inline: 1.5rem;
}

body {
	font-size: 1.5rem !important;
	background: linear-gradient(0deg, #FAFAF7, #FAFAF7);

}

.tol-sec {
	padding-block: var(--space-sec) !important;
	padding-inline: var(--space-inline) !important;
}

.tol__inner {
	padding-inline: 0 !important;
}


/* =========================================================
   RESPONSIVE STYLES
   Purpose:
   Media queries and layout adjustments for different
   screen sizes such as tablets, mobiles, and large displays.
   ========================================================= */