:root {
	/* Brand values sampled from the approved Ember Crew homepage. */
	--color-primary: #e85012;
	--color-action: #c9420e;
	--color-primary-hover: #c63d08;
	--color-secondary: #fff;
	--color-accent: #f47b36;
	--color-heading: #171817;
	--color-text: #3d3e3b;
	--color-muted: #5f615c;
	--color-background: #faf8f4;
	--color-background-alt: #f3f0e8;
	--color-surface: #eee9df;
	--color-border: #e5e0d7;
	--color-footer: #171918;
	--color-footer-text: #c4c2bc;
	--color-rating: #ed960b;
	--color-eyebrow: #aa4a27;
	--color-hero-accent: #db4b16;
	--color-brand-muted: #898a85;
	--color-industry-icon: #93938e;
	--color-avatar-warm: #f1ddcd;
	--color-avatar-cool: #dce4dd;
	--color-avatar-neutral: #cabfa8;
	--color-cta-eyebrow: #d5c4aa;
	--color-cta-heading: #f1d2b6;
	--color-footer-border: #333532;
	--overlay-case-light: linear-gradient(0deg, rgb(245 239 225 / 90%), transparent 90%);
	--overlay-case-dark: linear-gradient(90deg, rgb(0 0 0 / 82%), rgb(0 0 0 / 15%));
	--overlay-case-label: rgb(40 40 35 / 40%);
	--font-primary: "Inter", Arial, sans-serif;
	--font-secondary: var(--font-primary);
	--font-code: "Courier New", monospace;
	--font-size-body: 1.0625rem;
	--font-size-h1: 3.125rem;
	--font-size-h2: 2.375rem;
	--font-size-h3: 1.25rem;
	--font-size-small: .875rem;
	--font-weight-normal: 400;
	--font-weight-medium: 600;
	--font-weight-bold: 700;
	--line-height-body: 1.65;
	--section-space: 80px;
	--line-height-heading: 1.15;
	--container-width: 1280px;
	--container-narrow: 760px;
	--container-padding: 48px;
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 40px;
	--space-2xl: 64px;
	--space-3xl: 96px;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-image: 18px;
	--shadow-sm: 0 3px 18px rgb(25 22 17 / 5%);
	--shadow-md: 0 12px 40px rgb(25 22 17 / 12%);
	--transition-fast: 150ms ease;
	--transition-normal: 300ms ease;
	--z-header: 100;
	--z-dropdown: 200;
	--z-modal: 1000;
	/* Media queries: 600px, 900px (navigation), 1024px. */
}
@media (max-width: 1023px) {
	:root { --font-size-h1: 2.75rem; --font-size-h2: 2rem; --container-padding: 32px; --section-space: 64px; }
}
@media (max-width: 599px) {
	:root { --font-size-body: 1rem; --font-size-h1: 2.25rem; --font-size-h2: 1.875rem; --container-padding: 20px; --section-space: 48px; }
}