/* Generated from @aasaan-share/ui-contract tokens. */
:root {
  --as-color-ink: #12343B;
  --as-color-ink-soft: #416269;
  --as-color-paper: #F4F8F7;
  --as-color-surface: #FFFFFF;
  --as-color-divider: #C7D6D3;
  --as-color-coral: #ED725F;
  --as-color-sun: #F2CF63;
  --as-color-sky: #BFE7EE;
  --as-color-success: #17613D;
  --as-color-error: #9C2F24;
  --as-font-functional: "Manrope";
  --as-font-editorial: "Instrument Serif";
  --as-type-display-lg-size: 48px;
  --as-type-display-lg-line: 52px;
  --as-type-display-md-size: 36px;
  --as-type-display-md-line: 40px;
  --as-type-display-mobile-size: 32px;
  --as-type-display-mobile-line: 36px;
  --as-type-heading-lg-size: 24px;
  --as-type-heading-lg-line: 32px;
  --as-type-heading-md-size: 20px;
  --as-type-heading-md-line: 28px;
  --as-type-body-lg-size: 16px;
  --as-type-body-lg-line: 24px;
  --as-type-body-md-size: 14px;
  --as-type-body-md-line: 20px;
  --as-type-label-lg-size: 14px;
  --as-type-label-lg-line: 20px;
  --as-type-label-sm-size: 12px;
  --as-type-label-sm-line: 16px;
  --as-letter-spacing: 0;
  --as-space-base: 4px;
  --as-space-2: 8px;
  --as-space-3: 12px;
  --as-space-4: 16px;
  --as-space-6: 24px;
  --as-space-8: 32px;
  --as-layout-mobile-margin: 16px;
  --as-layout-desktop-margin: 24px;
  --as-layout-gutter: 12px;
  --as-layout-share-rail-min: 248px;
  --as-layout-share-rail-max: 272px;
  --as-breakpoint-mobile: 720px;
  --as-breakpoint-desktop: 1024px;
  --as-radius-sm: 4px;
  --as-radius-md: 6px;
  --as-radius-lg: 8px;
  --as-border-default: 1px;
  --as-touch-target: 44px;
  --as-control-height: 48px;
  --as-icon-compact: 20px;
  --as-icon-standard: 24px;
  --as-progress-height: 4px;
}