/**
 * #machen design tokens
 * Keep brand decisions centralized here.
 */
:root {
	--machen-color-red: #ba0000;
	--machen-color-logo-red: #e52520;
	--machen-color-dark: #151515;
	--machen-color-action: #94c21b;
	--machen-color-action-hover: #82ad16;
	--machen-color-white: #ffffff;
	--machen-color-surface: #f4f4f2;
	--machen-color-editorial-bg: var(--machen-color-surface);
	--machen-color-ai-orange: #cc4d00;

	--machen-font-brand: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--machen-font-topbar: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;

	--machen-container-max: 1380px;
	--machen-content-readable: 760px;
	--machen-gutter: clamp(20px, 3vw, 48px);
	--machen-gutter-mobile: 20px;

	--machen-space-1: 0.5rem;
	--machen-space-2: 0.75rem;
	--machen-space-3: 1rem;
	--machen-space-4: 1.5rem;
	--machen-space-5: 2rem;
	--machen-space-6: 3rem;
	--machen-space-7: 4.5rem;
	--machen-space-8: 6rem;
	--machen-section-space: clamp(4rem, 7vw, 7.5rem);
	--machen-page-boundary-space: var(--machen-space-6);


	/* Global type roles. */
	--machen-type-h1-size: clamp(2.65rem, 4vw, 4rem);
	--machen-type-h1-weight: 800;
	--machen-type-h1-line: 1.02;
	--machen-type-h2-size: clamp(2.75rem, 3.3vw, 3rem);
	--machen-type-h2-weight: 800;
	--machen-type-h2-line: 1.08;
	--machen-type-h3-size: clamp(1.5rem, 2vw, 1.875rem);
	--machen-type-h3-weight: 750;
	--machen-type-h3-line: 1.15;
	--machen-type-body-size: 1.125rem;
	--machen-type-body-weight: 400;
	--machen-type-body-line: 1.6;
	--machen-type-lead-size: clamp(1.1875rem, 1.3vw, 1.25rem);
	--machen-type-lead-weight: 500;
	--machen-type-lead-line: 1.6;
	--machen-type-eyebrow-size: 0.8125rem;
	--machen-type-eyebrow-weight: 800;
	--machen-type-eyebrow-line: 1.2;
	--machen-type-small-size: 0.75rem;
	--machen-type-small-weight: 700;
	--machen-type-small-line: 1.4;
	--machen-type-card-title-size: clamp(1.35rem, 1.55vw, 1.7rem);
	--machen-type-card-title-weight: 700;
	--machen-type-card-title-line: 1.12;
	--machen-type-card-excerpt-size: 0.9375rem;
	--machen-type-card-excerpt-weight: 400;
	--machen-type-card-excerpt-line: 1.5;

	/* Compact utility hero. */
	--machen-hero-compact-min-height: 13rem;
	--machen-hero-compact-padding-block: var(--machen-space-6);
	--machen-hero-heading-gap: 10px;
	--machen-intro-max: 1080px;

	--machen-radius-button: 12px;
	--machen-transition: 180ms ease;

	/* CSS reference breakpoints: mobile < 768px; tablet 768–1023px; desktop >= 1024px. */
	--machen-breakpoint-mobile: 768px;
	--machen-breakpoint-desktop: 1024px;
}


@media (max-width: 767px) {
  :root {
    --machen-page-boundary-space: 2.5rem;
  }
}