/* Generated from tokens.json by build-tokens.mjs. */
:root {
  --solu-color-brand-blue: #A5B7FA;
  --solu-color-brand-lilac: #9992DD;
  --solu-color-brand-rose: #DC9DC7;
  --solu-color-brand-coral: #EDA5A2;
  --solu-color-brand-apricot: #F4C29D;
  --solu-color-surface-page: #F8F8FA;
  --solu-color-surface-hero: #242630;
  --solu-color-surface-raised: #F9F8FB;
  --solu-color-surface-desktop-illustration: #E5E3EE;
  --solu-color-text-primary: #282A33;
  --solu-color-text-muted: #6E707D;
  --solu-color-text-on-hero: #F4F3F8;
  --solu-color-text-on-hero-muted: #B4B5C4;
  --solu-color-text-on-hero-eyebrow: #B7B8C6;
  --solu-color-border-default: #DEDEE5;
  --solu-color-border-control: #D5D4DD;
  --solu-color-border-illustration: #D2D0DC;
  --solu-color-action-dark: #2C2E39;
  --solu-color-action-dark-hover: #42444F;
  --solu-color-action-on-dark: #FFFFFF;
  --solu-color-action-light: #F3F2F7;
  --solu-color-action-light-hover: #FFFFFF;
  --solu-color-action-on-light: #2D2E38;
  --solu-color-action-focus: #7766B7;
  --solu-color-breather-white: #FFFFFF;
  --solu-color-breather-red: #EDA5A2;
  --solu-color-breather-orange: #F4C29D;
  --solu-color-breather-yellow: #E8D997;
  --solu-color-breather-green: #A6C7AB;
  --solu-color-breather-blue: #A5B7FA;
  --solu-color-breather-indigo: #929BDD;
  --solu-color-breather-violet: #B49ADC;
  --solu-color-breather-black: #000000;
  --solu-type-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --solu-type-heading-weight: 500;
  --solu-type-body-weight: 400;
  --solu-type-hero-size: clamp(56px, 6.3vw, 82px);
  --solu-type-hero-line-height: 1.02;
  --solu-type-hero-tracking: -0.062em;
  --solu-type-section-size: 44px;
  --solu-type-section-line-height: 1.1;
  --solu-type-section-tracking: -0.05em;
  --solu-type-feature-size: 22px;
  --solu-type-feature-tracking: -0.025em;
  --solu-type-body-size: 13px;
  --solu-type-body-line-height: 1.85;
  --solu-type-button-size: 11px;
  --solu-type-button-weight: 500;
  --solu-type-eyebrow-size: 9px;
  --solu-type-eyebrow-weight: 550;
  --solu-type-eyebrow-tracking: 0.15em;
  --solu-type-wordmark-size: 33px;
  --solu-type-wordmark-weight: 550;
  --solu-type-wordmark-tracking: -1.8px;
  --solu-space-xs: 8px;
  --solu-space-sm: 16px;
  --solu-space-md: 24px;
  --solu-space-lg: 32px;
  --solu-space-xl: 48px;
  --solu-space-xxl: 64px;
  --solu-radius-button: 7px;
  --solu-radius-control: 8px;
  --solu-radius-illustration: 12px;
  --solu-radius-dialog: 14px;
  --solu-radius-hero: 20px;
  --solu-layout-content-max: 1240px;
  --solu-layout-page-gutter: 48px;
  --solu-layout-header-height: 99px;
  --solu-layout-hero-height: 660px;
  --solu-layout-hero-art-height: 380px;
  --solu-layout-hero-padding-top: 54px;
  --solu-layout-hero-padding-inline: 58px;
  --solu-layout-experience-gap: 78px;
  --solu-layout-section-padding-top: 100px;
  --solu-layout-section-padding-bottom: 90px;
  --solu-layout-button-min-height: 45px;
  --solu-layout-button-padding-block: 13px;
  --solu-layout-button-padding-inline: 17px;
  --solu-layout-focus-width: 2px;
  --solu-layout-focus-offset: 4px;
  --solu-shadow-illustration-window: 0 12px 35px #38324B14;
  --solu-layer-1: var(--solu-color-brand-blue);
  --solu-layer-2: var(--solu-color-brand-lilac);
  --solu-layer-3: var(--solu-color-brand-rose);
  --solu-layer-4: var(--solu-color-brand-coral);
  --solu-layer-5: var(--solu-color-brand-apricot);
}

@media (max-width: 1100px) {
  :root {
    --solu-layout-page-gutter: 30px;
    --solu-layout-hero-height: 630px;
    --solu-layout-hero-art-height: 350px;
    --solu-layout-hero-padding-inline: 42px;
    --solu-type-hero-size: 67px;
  }
}

@media (max-width: 800px) {
  :root {
    --solu-layout-header-height: 85px;
    --solu-layout-hero-height: 620px;
    --solu-layout-hero-art-height: 330px;
    --solu-layout-hero-padding-top: 45px;
    --solu-layout-hero-padding-inline: 35px;
    --solu-type-hero-size: 64px;
  }
}

@media (max-width: 620px) {
  :root {
    --solu-layout-page-gutter: 16px;
    --solu-layout-header-height: 80px;
    --solu-layout-hero-height: 630px;
    --solu-layout-hero-art-height: 270px;
    --solu-layout-hero-padding-top: 35px;
    --solu-layout-hero-padding-inline: 25px;
    --solu-layout-button-min-height: 44px;
    --solu-type-hero-size: 49px;
    --solu-type-hero-tracking: -0.06em;
    --solu-radius-hero: 14px;
  }
}

@media (max-width: 370px) {
  :root {
    --solu-layout-hero-height: 610px;
    --solu-layout-hero-art-height: 250px;
    --solu-layout-hero-padding-inline: 21px;
    --solu-type-hero-size: 42px;
  }
}