:root {
	--fmc-black: #000000;
	--fmc-orange: #bf4a1d;
	--fmc-grey: #a4a4a8;
	--fmc-light-grey: #f0f0f0;
	--fmc-white: #ffffff;
	--fmc-off-white: #fafaf7;
	--fmc-cream: #f5f3ee;
	--fmc-text-primary: var(--fmc-black);
	--fmc-text-secondary: #4a4a4c;
	--fmc-text-muted: var(--fmc-grey);
	--fmc-text-inverse: var(--fmc-white);
	--fmc-orange-hover: #a83e17;
	--fmc-orange-active: #8f3512;
	--fmc-orange-tint: rgb(191 74 29 / 8%);
	--fmc-orange-tint-strong: rgb(191 74 29 / 20%);
	--fmc-border-default: rgb(0 0 0 / 8%);
	--fmc-border-strong: rgb(0 0 0 / 15%);
	--fmc-border-orange: var(--fmc-orange);
	--fmc-nav-background: rgb(255 255 255 / 96%);
	--fmc-texture-line: rgb(0 0 0 / 2.5%);

	--fmc-font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--fmc-font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, "Courier New", monospace;
	--fmc-text-h1: clamp(40px, 5.5vw, 72px);
	--fmc-text-h2: clamp(28px, 4vw, 48px);
	--fmc-text-h3: 20px;
	--fmc-text-h4: 16px;
	--fmc-text-body: 16px;
	--fmc-text-body-lg: 18px;
	--fmc-text-small: 13px;
	--fmc-text-caption: 11px;
	--fmc-text-label: 10px;
	--fmc-weight-body: 400;
	--fmc-weight-emphasis: 600;
	--fmc-weight-bold: 700;
	--fmc-weight-heading: 800;
	--fmc-weight-max: 900;
	--fmc-lh-tight: 0.98;
	--fmc-lh-heading: 1.1;
	--fmc-lh-snug: 1.3;
	--fmc-lh-body: 1.6;
	--fmc-ls-tight: -1.5px;
	--fmc-ls-heading: -0.5px;
	--fmc-ls-normal: 0;
	--fmc-ls-wide: 1.5px;
	--fmc-ls-extra-wide: 2.5px;

	--fmc-space-1: 4px;
	--fmc-space-2: 8px;
	--fmc-space-3: 12px;
	--fmc-space-4: 16px;
	--fmc-space-5: 20px;
	--fmc-space-6: 24px;
	--fmc-space-8: 32px;
	--fmc-space-10: 40px;
	--fmc-space-12: 48px;
	--fmc-space-16: 64px;
	--fmc-space-20: 80px;
	--fmc-space-24: 96px;
	--fmc-space-32: 128px;
	--fmc-space-tight: var(--fmc-space-2);
	--fmc-space-related: var(--fmc-space-4);
	--fmc-space-element: var(--fmc-space-6);
	--fmc-space-group: var(--fmc-space-10);
	--fmc-space-section: clamp(64px, 8vw, 120px);

	--fmc-max-width: 1280px;
	--fmc-max-width-narrow: 720px;
	--fmc-max-width-wide: 1440px;
	--fmc-gutter: clamp(20px, 4vw, 48px);
	--fmc-grid-columns: 12;
	--fmc-grid-gap: var(--fmc-space-6);
	--fmc-radius-none: 0;
	--fmc-radius-sm: 4px;
	--fmc-radius-md: 8px;
	--fmc-radius-lg: 12px;
	--fmc-radius-xl: 16px;
	--fmc-radius-pill: 999px;
	--fmc-shadow-sm: 0 2px 8px -4px rgb(0 0 0 / 8%);
	--fmc-shadow-md: 0 8px 24px -12px rgb(0 0 0 / 12%);
	--fmc-shadow-lg: 0 24px 56px -22px rgb(0 0 0 / 14%);

	--fmc-duration-instant: 100ms;
	--fmc-duration-fast: 150ms;
	--fmc-duration-base: 250ms;
	--fmc-duration-slow: 400ms;
	--fmc-ease-out: cubic-bezier(0.4, 0, 0.2, 1);
	--fmc-ease-in-out: cubic-bezier(0.4, 0, 0.6, 1);
	--fmc-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
