/* Tailwind is loaded via Importmap using @tailwindcss/browser. */

:root {
	--cc-font-family: "Plus Jakarta Sans", sans-serif;
	--cc-bg: #fff9f2;
	--cc-primary-color: #df5a34;
	--cc-primary-color-opacity: rgba(223, 90, 52, 0.12);
	--cc-secondary-color: #1f1a2d;
	--cc-btn-primary-bg: #df5a34;
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-hover-bg: #b84526;
	--cc-btn-secondary-bg: #f0ddcc;
	--cc-btn-secondary-color: #1f1a2d;
	--cc-btn-secondary-hover-bg: #efb323;
	--cc-separator-border-color: #f0ddcc;
}

#cc-main .cm,
#cc-main .pm {
	border: 1px solid rgba(240, 221, 204, 0.9);
	box-shadow: 0 1.25rem 3rem rgba(31, 26, 45, 0.16);
}

#cc-main .cm__title,
#cc-main .pm__title {
	font-family: "Outfit", sans-serif;
	letter-spacing: -0.03em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	border-radius: 0.5rem;
}

.storyblok-richtext p + p {
	margin-top: 1rem;
}

.storyblok-richtext h2,
.storyblok-richtext h3,
.storyblok-richtext h4 {
	margin-top: 1.5rem;
	color: var(--color-ink);
	font-family: "Outfit", sans-serif;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.storyblok-richtext h2 {
	font-size: clamp(1.5rem, 2vw, 2rem);
}

.storyblok-richtext h3 {
	font-size: clamp(1.3rem, 1.8vw, 1.75rem);
}

.storyblok-richtext ul,
.storyblok-richtext ol {
	margin-top: 1rem;
	margin-left: 1.2rem;
}

.storyblok-richtext ul {
	list-style: disc;
}

.storyblok-richtext ol {
	list-style: decimal;
}

.storyblok-richtext li + li {
	margin-top: 0.4rem;
}

.storyblok-richtext a {
	color: var(--color-primary-dark);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.storyblok-richtext blockquote {
	margin-top: 1.2rem;
	border-left: 3px solid rgba(223, 90, 52, 0.28);
	padding-left: 0.9rem;
	color: var(--color-ink);
}