@font-face {
	font-display: swap;
	font-family: "Atkinson Hyperlegible";
	font-weight: 400;
	font-style: normal;
	src: url("/wp-content/themes/cavalree/fonts/atkinson-hyperlegible-regular.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Atkinson Hyperlegible";
	font-weight: 400;
	font-style: italic;
	src: url("/wp-content/themes/cavalree/fonts/atkinson-hyperlegible-italic.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Atkinson Hyperlegible";
	font-weight: 700;
	font-style: normal;
	src: url("/wp-content/themes/cavalree/fonts/atkinson-hyperlegible-bold.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Canela";
	font-weight: 400;
	font-style: normal;
	src: url("/wp-content/themes/cavalree/fonts/canela-light.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Canela";
	font-weight: 400;
	font-style: italic;
	src: url("/wp-content/themes/cavalree/fonts/canela-light-italic.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Canela";
	font-weight: 900;
	font-style: normal;
	src: url("/wp-content/themes/cavalree/fonts/canela-black.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Canela";
	font-weight: 900;
	font-style: italic;
	src: url("/wp-content/themes/cavalree/fonts/canela-black-italic.woff2") format("woff2");
}

@layer cavalree.system {
	:root {
		--_c--color--brick-red: #F26722;
		--_c--color--cobalt: #243C96;
		--_c--color--linen: #EBEAE7;
		--_c--color--sky-blue: #8FDDE0;
		--_c--color--navy: #000033;
		--_c--color--parchment: #EEC57E;
		--_c--color--white: #FFFFFF;

		--c--color--border: transparent;
		--c--color--button-border: transparent;
		--c--color--button-canvas: var(--_c--color--navy);
		--c--color--button-text: var(--_c--color--white);
		--c--color--canvas: var(--_c--color--white);
		--c--color--canvas-badge: var(--_c--color--parchment);
		--c--color--link: inherit;
		--c--color--text: var(--_c--color--navy);
		--c--color--text-badge: var(--_c--color--navy);
		--c--color--text-decoration: oklch(from var(--_c--color--sky-blue) l c h / 0.8);

		--c--graphic--edge--1: url("/wp-content/themes/cavalree/images/tattered-edge--card-1.svg");
		--c--graphic--edge--1-90: url("/wp-content/themes/cavalree/images/tattered-edge--card-1-90.svg");
		--c--graphic--edge--2: url("/wp-content/themes/cavalree/images/tattered-edge--card-2.svg");
		--c--graphic--edge--2-90: url("/wp-content/themes/cavalree/images/tattered-edge--card-2-90.svg");

		--c--size--card: 35rem;
		--c--size--content--lg: 70rem;
		--c--size--content--sm: 30rem;
		--c--size--content: 50rem;
		--c--size--gutter: clamp(1rem, -0.5rem + 5cqi, 2rem); /* 30, 50, 1–2 */
		--c--size--gutter--lg: clamp(2rem, -1rem + 10cqi, 4rem); /* 30, 50, 2–4 */
		--c--size--gutter--sm: min(1rem, var(--c--size--gutter));
		--c--size--gutter--xl: clamp(3rem, -1.5rem + 15cqi, 6rem); /* 30, 50, 3–6 */
		--c--size--gutter--xs: min(0.5rem, var(--c--size--gutter));
		--c--size--gutter--site: clamp(var(--c--size--gutter), -8.5rem + 15vi, 5rem); /* 70, 90, gutter–5 */
		--c--size--threshold: 50rem;
		--c--size--viewport: 100rem;

		--c--typography--body--case: none;
		--c--typography--body--family: Atkinson Hyperlegible, ui-sans-serif, system-ui, sans-serif;
		--c--typography--body--tracking: 0em;
		--c--typography--body--weight: 400;

		--c--typography--button--case: none;
		--c--typography--button--family: Atkinson Hyperlegible, ui-sans-serif, system-ui, sans-serif;
		--c--typography--button--tracking: 0em;
		--c--typography--button--weight: 700;

		--c--typography--display--case: none;
		--c--typography--display--family: Canela, ui-serif, serif;
		--c--typography--display--tracking: 0em;
		--c--typography--display--weight: 400;

		background-color: var(--_c--color--canvas);
		color: var(--_c--color--navy);
		font-size: 1rem;
		font-family: var(--c--typography--body--family);
		-webkit-font-smoothing: antialiased;
		font-weight: var(--c--typography--body--weight);
		letter-spacing: var(--c--typography--body--tracking);
		line-height: 1.5;
		min-inline-size: 20rem;
		text-transform: var(--c--typography--body--case);
	}

	* {
		background-repeat: no-repeat;
		border-style: solid;
		border-width: 0px;
		box-sizing: border-box;
		margin: 0px;
		mask-repeat: no-repeat;
	}
}

[data-color="brick-red"i] {
	--c--color--canvas: var(--_c--color--brick-red);
	--c--color--text: var(--_c--color--white);

	--c-text--size: 1.125rem;
	--c-text--weight: 700;
}

[data-color="cobalt"i] {
	--c--color--canvas: var(--_c--color--cobalt);
	--c--color--text: var(--_c--color--white);
}

[data-color="linen"i] {
	--c--color--canvas: var(--_c--color--linen);
	--c--color--text: var(--_c--color--navy);
}

[data-color="navy"i] {
	--c--color--button-border: transparent;
	--c--color--button-canvas: var(--_c--color--brick-red);
	--c--color--button-text: var(--_c--color--white);
	--c--color--canvas: var(--_c--color--navy);
	--c--color--canvas-badge: var(--_c--color--sky-blue);
	--c--color--text: var(--_c--color--white);
	--c--color--text-badge: var(--_c--color--navy);
	--c--color--text-decoration: oklch(from var(--_c--color--cobalt) l c h / 0.8);
}

[data-color="parchment"i] {
	--c--color--canvas: var(--_c--color--navy);
	--c--color--canvas-badge: var(--_c--color--linen);
	--c--color--canvas: var(--_c--color--parchment);
	--c--color--text: var(--_c--color--navy);
	--c--color--text-decoration: rgb(222 177 107);
}

[data-color="sky-blue"i] {
	--c--color--canvas: var(--_c--color--sky-blue);
	--c--color--text: var(--_c--color--navy);
	--c--color--text-decoration: oklch(from var(--_c--color--cobalt) l c h / 0.8);
}

[data-color="white"i] {
	--c--color--canvas: var(--_c--color--white);
	--c--color--text: var(--_c--color--navy);
	--c--color--text-decoration: oklch(from var(--_c--color--sky-blue) l c h / 0.8);
}

[data-size="16"i] {
	--c-text--line-height: var(--c-text--line-height--16);
	--c-text--size: var(--c-text--size--16);
}

[data-size="24"i] {
	--c-text--line-height: var(--c-text--line-height--24);
	--c-text--size: var(--c-text--size--24);
}

[data-size="30"i] {
	--c--size--heading-add: 0rlh !important;

	--c-text--line-height: var(--c-text--line-height--30);
	--c-text--size: var(--c-text--size--30);
}

[data-size="40"i] {
	--c--size--heading-add: 0rlh !important;

	--c-text--line-height: var(--c-text--line-height--40);
	--c-text--size: var(--c-text--size--40);
}

[data-size="50"i] {
	--c--size--heading-add: 0rlh !important;

	--c-text--line-height: var(--c-text--line-height--50);
	--c-text--size: var(--c-text--size--50);
}

[data-size="60"i] {
	--c--size--heading-add: 0.5rlh;

	--c-text--line-height: var(--c-text--line-height--60);
	--c-text--size: var(--c-text--size--60);
}

[data-size="70"i] {
	--c--size--heading-add: 0.5rlh;

	--c-text--line-height: var(--c-text--line-height--70);
	--c-text--size: var(--c-text--size--70);
}

[data-size="80"i] {
	--c--size--heading-add: 0.5rlh;

	--c-text--line-height: var(--c-text--line-height--80);
	--c-text--size: var(--c-text--size--80);
}

[data-size="90"i] {
	--c--size--heading-add: 0.5rlh;

	--c-text--line-height: var(--c-text--line-height--90);
	--c-text--size: var(--c-text--size--90);
}

[data-size="100"i] {
	--c--size--heading-add: 0.5rlh;

	--c-text--line-height: var(--c-text--line-height--100);
	--c-text--size: var(--c-text--size--100);
}

button {
	font: inherit;
}

[data-block] figure:not(.c-stack_item) {
	margin-block-end: 0px; /* TODO: Remove, WordPress */
}