/* Generated from assets/design-tokens.json. Values pending visual review. */
:root {
  --madar-navy: #052b60;
  --madar-green: #507425;
  --madar-canvas: #f6fbf8;
  --madar-white: #fff;
  --madar-container-max: 90rem;
  --madar-gutter: clamp(1rem,3vw,3.5rem);
  --madar-hero-gutter: clamp(1rem,4.1vw,4rem);
  --madar-header-height: 6rem;
  --madar-logo-width: 6rem;
  --madar-body-size: 1.125rem;
  --madar-body-leading: 1.65;
  --madar-hero-title-size: clamp(3rem,4.8vw,4.8rem);
  --madar-title-leading: 1.2;
  --madar-hero-tagline-size: clamp(1rem,1.7vw,1.5rem);
  --madar-hero-description-size: 1.125rem;
  --madar-hero-pad-start: 1rem;
  --madar-hero-pad-end: 1.35rem;
  --madar-hero-image-ratio: 1.77;
  --madar-image-radius: 1.75rem;
  --madar-card-radius: 1rem;
  --madar-section-title-size: 2.25rem;
  --madar-section-caption-size: 1.125rem;
  --madar-section-heading-gap: .5rem;
  --madar-program-gap: 1.125rem;
  --madar-program-title-size: 1rem;
  --madar-protection-title-size: .9rem;
  --madar-program-description-size: 1.05rem;
  --madar-card-pad-block: 1rem;
  --madar-card-pad-inline: 1rem;
  --madar-program-columns: 4;
  --madar-space-xs: .5rem;
  --madar-space-sm: .75rem;
  --madar-space-md: 1rem;
  --madar-space-lg: 1.5rem;
  --madar-space-xl: 2rem;
  --madar-nav-size: 1.125rem;
  --madar-action-size: 1.25rem;
  --madar-action-min-height: 3.5rem;
  --madar-action-pad-block: .65rem;
  --madar-hero-copy-track: 37fr;
  --madar-hero-image-track: 60fr;
  --madar-hero-gap: 3%;
  --madar-program-pad-start: .5rem;
  --madar-desktop-action-width: 58%;
  --madar-section-title-leading: 1.3;
  --madar-section-caption-gap: .5rem;
  --madar-action-min-width: 14rem;
  --madar-action-radius: 1.125rem;
  --madar-program-badge-size: 4rem;
  --madar-program-badge-green: #507425;
  --madar-program-badge-blue: #075f9b;
}
@media (min-width:768px) and (max-width:1199px) {
:root {
  --madar-header-height: 5.5rem;
  --madar-hero-title-size: clamp(2.4rem,4.7vw,3.2rem);
  --madar-program-columns: 2;
  --madar-program-title-size: 1.2rem;
  --madar-logo-width: 5.5rem;
}
}
@media (max-width:767px) {
:root {
  --madar-gutter: 5vw;
  --madar-hero-gutter: 3.3vw;
  --madar-header-height: 5.5rem;
  --madar-logo-width: 5rem;
  --madar-hero-title-size: clamp(2.25rem,11.5vw,3.4rem);
  --madar-title-leading: 1.25;
  --madar-hero-tagline-size: 1rem;
  --madar-hero-pad-start: 2.5rem;
  --madar-hero-pad-end: 1.75rem;
  --madar-hero-image-ratio: 1.34;
  --madar-image-radius: .875rem;
  --madar-section-title-size: 1.85rem;
  --madar-section-caption-size: 1rem;
  --madar-program-gap: 1rem;
  --madar-program-title-size: 1.15rem;
  --madar-card-pad-block: 1.25rem;
  --madar-card-pad-inline: 1.5rem;
  --madar-program-columns: 1;
  --madar-action-size: 1.4rem;
  --madar-action-min-height: 3.75rem;
  --madar-section-heading-gap: .5rem;
  --madar-program-pad-start: 1rem;
  --madar-section-title-leading: 1.2;
  --madar-section-caption-gap: .25rem;
  --madar-program-description-size: 1rem;
}
}