:root {
	/* ---- Brand Palette ---- */
	--color-primary:          #137FD8;
	--color-primary-hover:    #008CFF;
	--color-primary-light:    #E6F1F9;
	--color-primary-muted:    #ABBCF;
	--color-heading:          #2B2E3C;
	--color-text:             #444647;
	--color-muted:            #565E68;
	--color-bg:               #ffffff;
	--color-surface:          #F4F7FB;
	--color-border:           #E1E3E1;
	--color-border-transparent:           #0000001c;
	--color-secondary:        #ffffff;
	--color-secondary-hover:  #E6F1F9;
	--color-link:             #137FD8;
	--color-link-hover:       #008CFF;

	/* ---- Typography ---- */
	/* instrument-sans: headings  |  madefor-text: body (→ DM Sans fallback) */
	--font-family-heading: "Instrument Sans", "DM Sans", sans-serif;
	--font-family-base:    var(--font-family-heading);
	--font-size-base:      1rem;       /* 16px */
	--line-height-base:    1.6;
	--line-height-heading: 1.2;

	/* ---- Spacing ---- */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	/* ---- Radii ---- */
	--radius-sm:  4px;
	--radius-md:  8px;
	--radius-pill: 28px;

	/* ---- Layout ---- */
	--container-max: 1300px;
}