/* Generated from src/tokens.json. */
:root {
  --blue: #2C2760;
  --navy: #0B1439;
  --cyan: #2FBBC0;
  --orange: #E08D3C;
  --ink: #111A36;
  --muted: #68748F;
  --white: #FFFFFF;
  --surface: #F7F9FD;
  --layout-container: 76.25rem;
  --layout-gutter: clamp(1rem, 3vw, 1.5rem);
  --layout-section: clamp(2.7rem, 4.6vw, 4.3rem);
  --layout-radius: 1.45rem;
  --layout-control-radius: 999px;
  --type-family: "Barlow Semi Condensed", sans-serif;
  --type-body: 1.05rem;
  --type-lead: 1.12rem;
  --type-heading: clamp(1.9rem, 3.15vw, 3.05rem);
  --type-hero: clamp(2.7rem, 4.7vw, 4.45rem);
  --border: color-mix(in srgb, var(--blue) 18%, transparent);
  --border-inverse: color-mix(in srgb, var(--white) 25%, transparent);
  --image-scrim: color-mix(in srgb, var(--blue) 94%, transparent);
}