:root {
 --smplsColorPrimary-hsl: 252 30% 57%;
 --smplsColorLightPrimary-hsl: 251 30% 57%;
 --smplsColorDarkPrimary-hsl: 249 33% 85%;

 --smplsColorGray50-hsl: 260 45% 98%;
 --smplsColorGray100-hsl: 258 38% 96%;
 --smplsColorGray200-hsl: 258 30% 91%;
 --smplsColorGray300-hsl: 257 24% 84%;
 --smplsColorGray400-hsl: 257 18% 66%;
 --smplsColorGray500-hsl: 257 14% 48%;
 --smplsColorGray600-hsl: 258 18% 36%;
 --smplsColorGray700-hsl: 259 24% 28%;
 --smplsColorGray800-hsl: 260 33% 18%;
 --smplsColorGray900-hsl: 262 47% 11%;
 --smplsColorGray950-hsl: 264 65% 6%;

 --smpls-primary-50: hsl(var(--smplsColorGray50-hsl));
 --smpls-primary-50-rgb: 249, 248, 252;
 --smpls-primary-100: hsl(var(--smplsColorGray100-hsl));
 --smpls-primary-100-rgb: 243, 241, 249;
 --smpls-primary-200: hsl(var(--smplsColorGray200-hsl));
 --smpls-primary-200-rgb: 229, 225, 239;
 --smpls-primary-300: hsl(var(--smplsColorGray300-hsl));
 --smpls-primary-300-rgb: 210, 204, 224;
 --smpls-primary-400: hsl(var(--smplsColorGray400-hsl));
 --smpls-primary-400-rgb: 162, 153, 184;
 --smpls-primary-500: hsl(var(--smplsColorGray500-hsl));
 --smpls-primary-500-rgb: 115, 105, 140;
 --smpls-primary-600: hsl(var(--smplsColorGray600-hsl));
 --smpls-primary-600-rgb: 85, 75, 108;
 --smpls-primary-700: hsl(var(--smplsColorGray700-hsl));
 --smpls-primary-700-rgb: 65, 54, 89;
 --smpls-primary-800: hsl(var(--smplsColorGray800-hsl));
 --smpls-primary-800-rgb: 41, 31, 61;
 --smpls-primary-900: hsl(var(--smplsColorGray900-hsl));
 --smpls-primary-900-rgb: 25, 15, 41;
 --smpls-primary-950: hsl(var(--smplsColorGray950-hsl));
 --smpls-primary-950-rgb: 13, 5, 25;

 --smpls-primary: hsl(var(--smplsColorGray700-hsl));
 --smpls-primary-rgb: 65, 54, 89;

 --smplsColorSubHeading: hsl(var(--smplsColorLightPrimary-hsl));

 --smplsColorSectionOverlayGradient: radial-gradient(circle, rgb(65 54 89 / 74%) 0%, rgb(41 31 61 / 76%) 35%, rgb(13 5 25 / 94%) 100%);
 --smplsColorHeadroom: hsl(var(--smplsColorPrimary-hsl));
 --smplsColorHeadroomDark: hsl(var(--smplsColorPrimary-hsl));

 --smplsColorButtonTextDark: hsl(var(--smplsColorDarkPrimary-hsl));
 --smplsColorFooterIconFlat: hsl(var(--smplsColorDarkPrimary-hsl));
 --smplsColorFooterLink: hsl(var(--smplsColorDarkPrimary-hsl));
 --smplsColorFooterHeading: hsl(var(--smplsColorWhite-hsl));
 --smplsColorFooterText: hsl(var(--smplsColorGray100-hsl));

 --smplsColorMobileMenuItemBorder: hsl(var(--smplsColorGray700-hsl));
}

.site-header__inner .site-header__backdrop {
 background-color: rgb(25 15 41 / 91%);
}

.dark .site-header .site-header__backdrop {
 background-color: rgb(25 15 41 / 91%);
}

.site-mobile-main-menu:before {
 background:
         color-mix(in srgb, hsl(var(--smplsColorGray900-hsl)) 86%, transparent);
}

#site_footer {
 .text-smplsColorPrimary {
  color: var(--smplsColorDarkPrimary-hsl) !important;
 }

 label {
  color: var(--smplsColorDarkPrimary-hsl) !important;
 }
}

[data-widget_type=dynamic-posts].style1 .dynamic-post-card__image:before {
 --tw-gradient-from: rgba(65, 54, 89, 1) var(--tw-gradient-from-position);
 --tw-gradient-to: rgba(65, 54, 89, 0) var(--tw-gradient-to-position);
 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
[data-widget_type=instagram-posts] .instagram-post-card:is(.dark *) {
 background-color: var(--smplsColorGray950);
}
.bg-gray-50 { background-color: hsl(var(--smplsColorGray50-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-100 { background-color: hsl(var(--smplsColorGray100-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-200 { background-color: hsl(var(--smplsColorGray200-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-300 { background-color: hsl(var(--smplsColorGray300-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-400 { background-color: hsl(var(--smplsColorGray400-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-500 { background-color: hsl(var(--smplsColorGray500-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-600 { background-color: hsl(var(--smplsColorGray600-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-700 { background-color: hsl(var(--smplsColorGray700-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-800 { background-color: hsl(var(--smplsColorGray800-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-900 { background-color: hsl(var(--smplsColorGray900-hsl) / var(--tw-bg-opacity, 1)) !important; }
.bg-gray-950 { background-color: hsl(var(--smplsColorGray950-hsl) / var(--tw-bg-opacity, 1)) !important; }


.dark\:bg-gray-50:is(.dark *) { background-color: hsl(var(--smplsColorGray50-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-100:is(.dark *) { background-color: hsl(var(--smplsColorGray100-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-200:is(.dark *) { background-color: hsl(var(--smplsColorGray200-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-300:is(.dark *) { background-color: hsl(var(--smplsColorGray300-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-400:is(.dark *) { background-color: hsl(var(--smplsColorGray400-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-500:is(.dark *) { background-color: hsl(var(--smplsColorGray500-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-600:is(.dark *) { background-color: hsl(var(--smplsColorGray600-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-700:is(.dark *) { background-color: hsl(var(--smplsColorGray700-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-800:is(.dark *) { background-color: hsl(var(--smplsColorGray800-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-900:is(.dark *) { background-color: hsl(var(--smplsColorGray900-hsl) / var(--tw-bg-opacity, 1)) !important; }
.dark\:bg-gray-950:is(.dark *) { background-color: hsl(var(--smplsColorGray950-hsl) / var(--tw-bg-opacity, 1)) !important; }

.text-gray-50 { color: hsl(var(--smplsColorGray50-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-100 { color: hsl(var(--smplsColorGray100-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-200 { color: hsl(var(--smplsColorGray200-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-300 { color: hsl(var(--smplsColorGray300-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-400 { color: hsl(var(--smplsColorGray400-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-500 { color: hsl(var(--smplsColorGray500-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-600 { color: hsl(var(--smplsColorGray600-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-700 { color: hsl(var(--smplsColorGray700-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-800 { color: hsl(var(--smplsColorGray800-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-900 { color: hsl(var(--smplsColorGray900-hsl) / var(--tw-text-opacity, 1)) !important; }
.text-gray-950 { color: hsl(var(--smplsColorGray950-hsl) / var(--tw-text-opacity, 1)) !important; }

.border-gray-50 { border-color: hsl(var(--smplsColorGray50-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-100 { border-color: hsl(var(--smplsColorGray100-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-200 { border-color: hsl(var(--smplsColorGray200-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-300 { border-color: hsl(var(--smplsColorGray300-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-400 { border-color: hsl(var(--smplsColorGray400-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-500 { border-color: hsl(var(--smplsColorGray500-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-600 { border-color: hsl(var(--smplsColorGray600-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-700 { border-color: hsl(var(--smplsColorGray700-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-800 { border-color: hsl(var(--smplsColorGray800-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-900 { border-color: hsl(var(--smplsColorGray900-hsl) / var(--tw-border-opacity, 1)) !important; }
.border-gray-950 { border-color: hsl(var(--smplsColorGray950-hsl) / var(--tw-border-opacity, 1)) !important; }

.bg-secondary {
 background-color: hsl(var(--smplsColorLightPrimary-hsl)) !important;
}

.text-secondary {
 color: hsl(var(--smplsColorLightPrimary-hsl)) !important;
}

.border-secondary {
 border-color: hsl(var(--smplsColorLightPrimary-hsl)) !important;
}

.outline-secondary {
 outline-color: hsl(var(--smplsColorLightPrimary-hsl)) !important;
}

.outline-secondary\/40 {
 outline-color: hsl(var(--smplsColorLightPrimary-hsl) / 0.4) !important;
}

.bg-secondary\/20 {
 background-color: hsl(var(--smplsColorLightPrimary-hsl) / 0.2) !important;
}