/**
 * Theme Name: Cavalree
 * Description: Cavalree is a block theme developed by Infantree.
 * Author: Infantree
 * Author URI: https://infantree.com
 * Version: 2.1.0-beta10
 * Text Domain: cavalree
 * Requires at least: 7.1
 * Requires PHP: 8.4
 */

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

@font-face {
	font-display: swap;
	font-family: "Field Gothic";
	font-style: normal;
	font-weight: 600;
	src: url("/wp-content/themes/cavalree/fonts/FieldGothic-Demi.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Field Gothic Narrow";
	font-style: normal;
	font-weight: 900;
	src: url("/wp-content/themes/cavalree/fonts/FieldGothic-XXBold-XCond.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Field Gothic Wide";
	font-style: normal;
	font-weight: 600;
	src: url("/wp-content/themes/cavalree/fonts/FieldGothic-Demi-Wide.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Field Gothic Wide";
	font-style: normal;
	font-weight: 900;
	src: url("/wp-content/themes/cavalree/fonts/FieldGothic-XXBold-Wide.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Field Gothic VF";
	font-style: normal;
	font-stretch: 62.5% 125%;
	font-weight: 900;
	src: url("/wp-content/themes/cavalree/fonts/FieldGothic-VF.woff2") format("woff2");
}

@layer {
	button {
		font: inherit;
	}
}

@layer cavalree {
	:root {
		--_c--color--Black: #000;
		--_c--color--White: #FFF;

		--_c--color--Blue-00: var(--_c--color--White);
		--_c--color--Blue-01: #EBFEFF;
		--_c--color--Blue-10: #73B7BC;
		--_c--color--Blue-20: #3A7D87;
		--_c--color--Blue-30: #114B54;
		--_c--color--Blue-40: #062D33;
		--_c--color--Green-00: var(--_c--color--White);
		--_c--color--Green-01: #F9FAED;
		--_c--color--Green-10: #B5C427;
		--_c--color--Green-20: #557D2E;
		--_c--color--Green-30: #304C0F;
		--_c--color--Green-40: #15310A;
		--_c--color--Green-90: #0C1C07;
		--_c--color--Orange-00: var(--_c--color--White);
		--_c--color--Orange-01: #FEF5E0;
		--_c--color--Orange-10: #FCB415;
		--_c--color--Orange-20: #EE7328;
		--_c--color--Orange-30: #B23B00;
		--_c--color--Orange-40: #6D2100;
		--_c--color--Purple-00: var(--_c--color--White);
		--_c--color--Purple-01: #F6F0F8;
		--_c--color--Purple-10: #9561A6;
		--_c--color--Purple-20: #6A4178;
		--_c--color--Purple-30: #40214A;
		--_c--color--Purple-40: #26142C;

		--c--color--Key-00: var(--_c--color--Green-00);
		--c--color--Key-01: var(--_c--color--Green-01);
		--c--color--Key-10: var(--_c--color--Green-10);
		--c--color--Key-20: var(--_c--color--Green-20);
		--c--color--Key-30: var(--_c--color--Green-30);
		--c--color--Key-40: var(--_c--color--Green-40);
		--c--color--Key-90: var(--_c--color--Green-90);

		--c--font--FieldGothic: Field Gothic, ui-sans-serif, system-ui, sans-serif;
		--c--font--FieldGothicNarrow: Field Gothic Narrow, Field Gothic, ui-sans-serif, system-ui, sans-serif;
		--c--font--FieldGothicVF: Field Gothic VF, Field Gothic Wide, ui-sans-serif, system-ui, sans-serif;
		--c--font--FieldGothicWide: Field Gothic Wide, Field Gothic, ui-sans-serif, system-ui, sans-serif;

		--c--length--content--4xl: 100rem;
		--c--length--content--3xl: 90rem;
		--c--length--content--2xl: 80rem;
		--c--length--content--xl: 70rem;
		--c--length--content--lg: 60rem;
		--c--length--content: 50rem;
		--c--length--content--sm: 40rem;
		--c--length--content--xs: 30rem;
		--c--length--content--2xs: 20rem;

		--c--length--gutter--site: calc(1.25rem + clamp(0rem, -2.5rem + 12.5cqi, 0.625rem) + clamp(0rem, -5rem + 12.5cqi, 1.25rem));

		--c--length--gutter--xl: clamp(3rem, -1.5rem + 15cqi, 6rem); /* 30, 50, 3–6 */
		--c--length--gutter--lg: clamp(2rem, -1rem + 10cqi, 4rem); /* 30, 50, 2–4 */
		--c--length--gutter: clamp(1rem, -0.5rem + 5cqi, 2rem); /* 30, 50, 1–2 */
		--c--length--gutter--sm: 1rem;
		--c--length--gutter--xs: 0.5rem;
		--c--length--gutter--2xs: 0.25rem;

		--c--length--rhythm--lg: 1lh;
		--c--length--rhythm: 0.5lh;
		--c--length--rhythm--sm: 0.25lh;

		font-family: var(--c--font--FieldGothic);
		letter-spacing: 1%;
		line-height: 2;
		min-inline-size: 20rem;
		overflow-wrap: break-word;
		tab-size: 2;
		-webkit-tap-highlight-color: transparent;
		-moz-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		text-size-adjust: none;

		@media (min-resolution: 2dppx) {
			-webkit-font-smoothing: antialiased;
		}

		@media (prefers-reduced-motion: no-preference) {
			scroll-behavior: smooth;
		}
	}
}

figure {
	margin: revert-layer; /* TODO: Remove, WordPress */
}