/**
 * Marketing Theme for Poly CMS
 * 
 * Supplementary CSS for custom tokens not in Cloudscape Core.
 * Main theme is applied via build-time theming (themed components).
 */

/* Ember Modern Font Loading */

/* Ember Modern Display */
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'Ember Modern Display';
  src: url("https://d384t9104x3bt5.cloudfront.net/fonts/ember-modern/EmberModernDisplayV1.1-Regular.woff2") format('woff2');
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: 'Ember Modern Display';
  src: url("https://d384t9104x3bt5.cloudfront.net/fonts/ember-modern/EmberModernDisplayV1.1-Medium.woff2") format('woff2');
}

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: 'Ember Modern Display';
  src: url("https://d384t9104x3bt5.cloudfront.net/fonts/ember-modern/EmberModernDisplayV1.1-Bold.woff2") format('woff2');
}

/* Ember Modern Text */
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'Ember Modern Text';
  src: url("https://d384t9104x3bt5.cloudfront.net/fonts/ember-modern/EmberModernTextV1.1-Regular.woff2") format('woff2');
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: 'Ember Modern Text';
  src: url("https://d384t9104x3bt5.cloudfront.net/fonts/ember-modern/EmberModernTextV1.1-Medium.woff2") format('woff2');
}

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: 'Ember Modern Text';
  src: url("https://d384t9104x3bt5.cloudfront.net/fonts/ember-modern/EmberModernTextV1.1-Bold.woff2") format('woff2');
}

/* Custom Marketing Tokens (Not in Cloudscape Core) */
:root {
  /* Typography - Font families */
  --poly-typography-display-fontFamily: 'Ember Modern Display', Helvetica, Arial, sans-serif;
  --poly-typography-text-fontFamily: 'Ember Modern Text', Helvetica, Arial, sans-serif;
  
  /* Typography - Font weights */
  --poly-typography-fontWeight-normal: 400;
  --poly-typography-fontWeight-medium: 500;
  --poly-typography-fontWeight-bold: 700;
  --poly-typography-fontWeight-black: 900;
  
  /* Typography - Line heights - Display */
  --poly-typography-display-lineHeight-tight: 0.9;
  --poly-typography-display-lineHeight-normal: 1.2;
  --poly-typography-display-lineHeight-relaxed: 1.3;
  
  /* Typography - Line heights - Body */
  --poly-typography-body-lineHeight: 1.5;
  
  /* Typography - Line heights - Button */
  --poly-typography-button-lineHeight: 1;
  
  /* Typography - Letter spacing - Button */
  --poly-typography-button-letterSpacing: -0.48px;
  
  /* ============================================
   * SPS Foundations Type Ramp Tokens
   * ============================================ */

  /* Type Ramp - Heading (Ember Modern Display, Bold 700) */
  --poly-typography-heading-fontSize-600: 92px;
  --poly-typography-heading-fontSize-500: 72px;
  --poly-typography-heading-fontSize-400: 52px;
  --poly-typography-heading-fontSize-300: 38px;
  --poly-typography-heading-fontSize-200: 28px;
  --poly-typography-heading-fontSize-100: 24px;
  --poly-typography-heading-fontSize-50: 20px;
  --poly-typography-heading-lineHeight-600: 0.9;
  --poly-typography-heading-lineHeight-500: 0.9;
  --poly-typography-heading-lineHeight-400: 0.9;
  --poly-typography-heading-lineHeight-300: 1;
  --poly-typography-heading-lineHeight-200: 1;
  --poly-typography-heading-lineHeight-100: 1;
  --poly-typography-heading-lineHeight-50: 1;
  --poly-typography-heading-fontWeight: var(--poly-typography-fontWeight-bold);
  --poly-typography-heading-fontFamily: var(--poly-typography-display-fontFamily);

  /* Type Ramp - Subhead (Ember Modern Display, Regular 400) */
  --poly-typography-subhead-fontSize-500: 38px;
  --poly-typography-subhead-fontSize-400: 28px;
  --poly-typography-subhead-fontSize-300: 24px;
  --poly-typography-subhead-fontSize-250: 22px;
  --poly-typography-subhead-fontSize-200: 20px;
  --poly-typography-subhead-fontSize-100: 20px;
  --poly-typography-subhead-fontSize-50: 16px;
  --poly-typography-subhead-lineHeight: 1.2;
  --poly-typography-subhead-fontWeight: var(--poly-typography-fontWeight-normal);
  --poly-typography-subhead-fontFamily: var(--poly-typography-display-fontFamily);

  /* Type Ramp - Interactive (Ember Modern Text, Medium 500) */
  --poly-typography-interactive-fontSize-600: 38px;
  --poly-typography-interactive-fontSize-500: 28px;
  --poly-typography-interactive-fontSize-400: 24px;
  --poly-typography-interactive-fontSize-300: 22px;
  --poly-typography-interactive-fontSize-200: 18px;
  --poly-typography-interactive-fontSize-100: 16px;
  --poly-typography-interactive-fontSize-50: 14px;
  --poly-typography-interactive-lineHeight: 1;
  --poly-typography-interactive-fontWeight: var(--poly-typography-fontWeight-medium);
  --poly-typography-interactive-letterSpacing: -0.02em;
  --poly-typography-interactive-fontFamily: var(--poly-typography-text-fontFamily);

  /* Type Ramp - Body (Ember Modern Text, Regular 400) */
  --poly-typography-body-fontSize-500: 24px;
  --poly-typography-body-fontSize-400: 20px;
  --poly-typography-body-fontSize-300: 16px;
  --poly-typography-body-fontSize-200: 14px;
  --poly-typography-body-fontSize-100: 12px;
  --poly-typography-body-fontWeight: var(--poly-typography-fontWeight-normal);
  --poly-typography-body-fontFamily: var(--poly-typography-text-fontFamily);

  /* Type Ramp - Mobile Headings (Ember Modern Display, Bold 700) */
  --poly-typography-mobile-heading-fontSize-600: 52px;
  --poly-typography-mobile-heading-fontSize-500: 40px;
  --poly-typography-mobile-heading-fontSize-400: 32px;
  --poly-typography-mobile-heading-fontSize-300: 28px;
  --poly-typography-mobile-heading-fontSize-200: 24px;
  --poly-typography-mobile-heading-fontSize-100: 20px;
  --poly-typography-mobile-heading-lineHeight-600: 0.9;
  --poly-typography-mobile-heading-lineHeight-500: 1;
  --poly-typography-mobile-heading-lineHeight-400: 1;
  --poly-typography-mobile-heading-lineHeight-300: 1;
  --poly-typography-mobile-heading-lineHeight-200: 1;
  --poly-typography-mobile-heading-lineHeight-100: 1;

  /* Typography - Mobile Subhead (from Quip spec) */
  --poly-typography-mobile-subhead-fontSize-300: 22px;
  --poly-typography-mobile-subhead-fontSize-200: 18px;
  --poly-typography-mobile-subhead-fontSize-100: 18px;

  /* Typography - Font sizes - Display (headlines) */
  --poly-typography-display-fontSize-xl-min: 32px;
  --poly-typography-display-fontSize-xl-max: 92px;
  --poly-typography-display-fontSize-xl-clamp: clamp(
    var(--poly-typography-display-fontSize-xl-min),
    4vw + 20px,
    var(--poly-typography-display-fontSize-xl-max)
  );
  
  --poly-typography-display-fontSize-l-min: 28px;
  --poly-typography-display-fontSize-l-max: 72px;
  --poly-typography-display-fontSize-l-clamp: clamp(
    var(--poly-typography-display-fontSize-l-min),
    4vw + 16px,
    var(--poly-typography-display-fontSize-l-max)
  );
  
  --poly-typography-display-fontSize-m-min: 28px;
  --poly-typography-display-fontSize-m-max: 48px;
  --poly-typography-display-fontSize-m-clamp: clamp(
    var(--poly-typography-display-fontSize-m-min),
    2.5vw + 16px,
    var(--poly-typography-display-fontSize-m-max)
  );
  
  --poly-typography-display-fontSize-s-min: 18px;
  --poly-typography-display-fontSize-s-max: 28px;
  --poly-typography-display-fontSize-s-clamp: clamp(
    var(--poly-typography-display-fontSize-s-min),
    1.5vw + 12px,
    var(--poly-typography-display-fontSize-s-max)
  );
  
  /* Typography - Font sizes - Body */
  --poly-typography-body-fontSize-xl: 24px;
  
  --poly-typography-body-fontSize-l-min: 20px;
  --poly-typography-body-fontSize-l-max: 28px;
  --poly-typography-body-fontSize-l-clamp: clamp(
    var(--poly-typography-body-fontSize-l-min),
    1.5vw + 12px,
    var(--poly-typography-body-fontSize-l-max)
  );
  
  --poly-typography-body-fontSize-m-min: 16px;
  --poly-typography-body-fontSize-m-max: 24px;
  --poly-typography-body-fontSize-m-clamp: clamp(
    var(--poly-typography-body-fontSize-m-min),
    1.5vw + 8px,
    var(--poly-typography-body-fontSize-m-max)
  );
  
  --poly-typography-body-fontSize-s-min: 16px;
  --poly-typography-body-fontSize-s-max: 20px;
  --poly-typography-body-fontSize-s-clamp: clamp(
    var(--poly-typography-body-fontSize-s-min),
    0.75vw + 12px,
    var(--poly-typography-body-fontSize-s-max)
  );
  
  /* Typography - Font sizes - Component specific */
  --poly-typography-badge-fontSize: 18px;
  --poly-typography-eyebrow-fontSize: 18px;
  --poly-typography-link-fontSize: 18px;
  
  /* Typography - Viewport-based sizes for responsive scaling */
  --poly-typography-heading-viewportWidth: 8vw;
  --poly-typography-subheading-viewportWidth: 3vw;
  
  /* Typography - Component specific tokens (values that don't match base tokens) */
  --poly-typography-hero-fontSize-subheading: 28px;
  --poly-typography-hero-lineHeight-subheading: 120%;
  --poly-typography-richText-fontSize-small: 16px;
  --poly-typography-richText-lineHeight-small: 24px;
  --poly-typography-richText-fontSize-extraSmall: 12px;
  --poly-typography-richText-lineHeight-extraSmall: 18px;
  --poly-typography-richText-fontSize-medium: 18px;
  --poly-typography-richText-lineHeight-medium: 27px;
  --poly-typography-richText-fontSize-large: 32px;
  --poly-typography-richText-lineHeight-large: 48px;
  --poly-color-text-light: #F5F3EF;
  --poly-typography-hero-fontSize-incentives: 16px;
  --poly-typography-hero-fontSize-incentives-mobile: 14px;
  --poly-typography-hero-lineHeight-incentives: 1.2;
  --poly-size-hero-incentivesText-maxWidth-mobile: 170px;
  --poly-space-hero-paddingVertical: 64px;
  --poly-space-hero-paddingHorizontal: 32px;
  --poly-space-hero-paddingHorizontal-mobile: 16px;
  --poly-space-hero-gap: 64px;
  --poly-space-hero-gap-mobile: 32px;
  --poly-space-hero-ctaGroup-gap-mobile: 8px;
  --poly-space-hero-content-paddingHorizontal-mobile: 16px;
  --poly-size-hero-imageColumn-width: 550px;
  --poly-size-hero-imageHeight-stacked: 480px;
  --poly-size-hero-imageHeight-mobile: 320px;
  --poly-space-hero-content-paddingVertical: 64px;
  --poly-typography-superCard-fontSize-heading: 52px; /* Unique size, doesn't match base tokens */
  --poly-typography-superCard-lineHeight-heading: 90%;
  --poly-typography-superCard-lineHeight-subheading: 120%;
  --poly-typography-superCard-fontSize-valuePropHeading: 24px;
  --poly-typography-superCard-fontSize-valuePropDescription: 16px;
  --poly-typography-superCard-lineHeight-valuePropDescription: 1.5;
  --poly-typography-superCard-fontFamily-name: 'Amazon Ember Display', 'AEmbModern', 'Ember Modern Display', Helvetica, Arial, sans-serif;
  --poly-typography-superCard-fontWeight-name: 700;
  --poly-typography-superCard-letterSpacing-name: -0.2px;
  --poly-typography-superCard-fontFamily-title: 'Amazon Ember Display', 'AEmbModern', 'Ember Modern Display', Helvetica, Arial, sans-serif;
  --poly-typography-superCard-fontSize-title: 16px;
  --poly-typography-superCard-fontSize-quote: 24px;
  --poly-typography-superCard-lineHeight-quote: 1.2;
  --poly-typography-superCard-fontSize-name: 20px;
  --poly-typography-superCard-lineHeight-name: 1;
  --poly-typography-superCard-fontSize-body: 14px;
  --poly-typography-superCard-lineHeight-body: 1.5;
  --poly-typography-superCard-fontSize-testimonialHeading: 24px;
  --poly-typography-superCard-lineHeight-testimonialHeading: 1;
  --poly-typography-superCard-fontSize-videoLink: 18px;
  --poly-typography-superCard-fontWeight-videoLink: 500;
  --poly-space-superCard-leftColumnPadding: 32px;
  --poly-space-superCard-testimonialPadding: 32px;
  --poly-space-superCard-testimonialPadding-mobile: 24px;
  --poly-space-superCard-quoteMarginBottom: 24px;
  --poly-space-superCard-testimonialLogoMarginBottom: 24px;
  --poly-space-superCard-testimonialLinkMarginTop: 24px;
  --poly-space-superCard-attributionGap: 8px;
  --poly-space-superCard-sectionPaddingVertical-mobile: 32px;
  --poly-space-superCard-sectionPaddingHorizontal-mobile: 16px;
  --poly-space-superCard-containerPadding-mobile: 16px;
  --poly-space-superCard-testimonialRowGap: 32px;
  --poly-typography-testimonial-lineHeight-quote: 45.6px;
  --poly-typography-testimonial-lineHeight-name: 24px;
  --poly-typography-testimonial-lineHeight-title: 24px;
  
  /* Typography - QvpBanner stat numbers */
  --poly-typography-qvpBanner-fontSize-stat-min: 52px;
  --poly-typography-qvpBanner-fontSize-stat-max: 72px;
  --poly-typography-qvpBanner-fontSize-stat-tablet-min: 44px;
  --poly-typography-qvpBanner-fontSize-stat-tablet-max: 60px;
  --poly-typography-qvpBanner-fontSize-stat-mobile-min: 38px;
  --poly-typography-qvpBanner-fontSize-stat-mobile-max: 52px;
  --poly-typography-qvpBanner-fontWeight-stat: var(--poly-typography-fontWeight-bold);
  --poly-typography-qvpBanner-lineHeight-stat: 0.9;
  
  /* Size - Button */
  --poly-size-button-height-primary: 64px;
  --poly-size-button-minWidth: 156px;
  --poly-size-button-paddingVertical: 20px;
  --poly-size-button-paddingHorizontal: 36px;
  --poly-size-button-fontSize: 24px;
  
  /* Size - Button - Medium */
  --poly-size-button-height-medium: 48px;
  --poly-size-button-paddingVertical-medium: 14px;
  --poly-size-button-paddingHorizontal-medium: 20px;
  --poly-size-button-fontSize-medium: 18px;
  --poly-typography-button-letterSpacing-medium: -0.36px;
  --poly-size-button-fontWeight-medium: 500;
  
  /* Size - Button - Small */
  --poly-size-button-height-small: 24px;
  --poly-size-button-paddingVertical-small: 2px;
  --poly-size-button-paddingHorizontal-small: 6px;
  --poly-size-button-fontSize-small: 16px;

  /* Size - Button - Nav (matches Seller Central nav CTAs) */
  --poly-size-button-height-nav: 50px;
  --poly-size-button-paddingVertical-nav: 0.8333em;
  --poly-size-button-paddingHorizontal-nav: 1.555em;
  --poly-size-button-paddingLeft-nav: 1.111em;
  --poly-size-button-fontSize-nav: 18px;
  --poly-typography-button-letterSpacing-nav: 1%;
  --poly-typography-button-lineHeight-nav: 1.11em;
  --poly-size-button-fontWeight-nav: 700;
  
  /* Size - Icon and logo */
  --poly-size-icon-large: 48px;
  --poly-size-icon-arrow-testimonial: 12px;
  --poly-space-icon-arrow-testimonial-margin: 6px;
  --poly-size-logo-small: 24px;
  --poly-size-logo-testimonial: 20px;
  --poly-size-logo-testimonial-height: 34px;
  --poly-size-logo-testimonial-maxWidth: 144px;
  --poly-size-headshot: 60px;
  --poly-size-headshot-testimonial: 64px;
  --poly-size-superCard-iconSize: 72px;
  --poly-size-superCard-playIconSize: 24px;
  --poly-size-featuredCard-iconSize: 72px;
  --poly-size-featuredCard-iconSize-mobile: 48px;
  --poly-size-superCard-containerMaxWidth: 1200px;
  --poly-size-superCard-leftColumnWidth: 640px;
  --poly-size-superCard-rightColumnWidth: 480px;
  --poly-size-superCard-testimonialMaxHeight: none;
  
  /* Size - Container */
  --poly-size-container-maxWidth: 1200px;
  --poly-size-container-outerMaxWidth: 1360px;
  --poly-size-featuredCard-height: 333px;
  --poly-size-featuredCard-maxWidth: 300px;
  --poly-size-featuredCard-maxWidthMobile: 600px;
  --poly-size-incentivesText-maxWidth: 360px;
  --poly-size-incentivesText-minWidth: 0;
  --poly-size-nsiCard-columnMinWidth: 300px;
  --poly-size-testimonial-contentMaxWidth: 554px;
  --poly-size-testimonial-mediaMaxWidth: 566px;
  --poly-size-qvpBanner-textMaxWidth: 1200px;
  
  /* Size - Aspect ratios */
  --poly-size-aspectRatio-mobile: 4 / 3;
  --poly-size-testimonial-aspectRatio: 135/83;
  
  /* Space - Container */
  --poly-space-container-paddingVertical: 32px;
  --poly-space-container-paddingHorizontal: 80px;
  --poly-space-container-gap: 32px;
  
  /* Space - Component layout */
  --poly-space-heading-subheading: 16px;
  --poly-space-subheading-cta: 40px;
  --poly-space-cta-incentives: 24px;
  --poly-space-ctaButton-gap: 18px;
  
  /* Stacked CTA layout */
  --poly-space-ctaStacked-buttonToIncentives: 4px;
  --poly-typography-ctaStacked-fontSize-incentives: 12px;
  --poly-typography-ctaStacked-lineHeight-incentives: 150%;
  --poly-typography-ctaStacked-fontWeight-incentives: 400;
  --poly-space-icon-heading: 28px;
  --poly-space-icon-alignmentOffset: 2px;
  --poly-space-icon-gap: 4px;
  --poly-space-heading-description: 12px;
  --poly-space-superCard-valuePropIconGap: 16px;
  --poly-size-superCard-valuePropContentMaxWidth: 484px;
  
  /* Space - Badge specific */
  --poly-space-badge-paddingVertical: 6px;
  --poly-space-badge-paddingHorizontal: 8px;
  --poly-space-badge-paddingLeft: 6px;
  
  /* Space - Component specific */
  --poly-space-quiz-questionGap: 36px;
  --poly-space-nsiCard-paddingTop: 46px;
  --poly-space-nsiCard-paddingBottom: 32px;
  --poly-space-nsiCard-paddingHorizontal: 40px;
  --poly-space-nsiCard-columnGap: 40px;
  --poly-space-nsiCard-columnWidth: 580px;
  --poly-space-nsiCard-columnHeight: 562px;
  --poly-space-nsiCard-contentPaddingTop: 24px;
  --poly-space-nsiCard-badgeToHeading: 16px;
  --poly-space-nsiCard-headingToSubheading: 16px;
  --poly-space-nsiCard-subheadingToBenefits: 24px;
  --poly-space-nsiCard-benefitsToLink: 24px;
  --poly-space-nsiCard-linkBottom: 24px;
  --poly-space-nsiCard-benefitsContainerPadding: 24px;
  --poly-space-nsiCard-benefitItemGap: 16px;
  --poly-space-featuredCard-padding: 28px;
  --poly-space-featuredCard-paddingTop: 28px;
  --poly-space-featuredCard-paddingHorizontal: 28px;
  --poly-space-featuredCard-paddingBottom: 36px;
  --poly-space-featuredCard-contentGap: 60px;
  --poly-space-featuredCard-iconHeading: 28px;
  --poly-space-featuredCard-headingDescription: 12px;
  --poly-space-superCard-headerMarginBottom: 32px;
  --poly-space-superCard-descriptionMarginTop: 16px;
  --poly-space-superCard-valuePropDescriptionMarginTop: 8px;
  --poly-space-superCard-columnGap: 32px;
  --poly-space-superCard-rightColumnPaddingVertical: 0;
  --poly-space-superCard-testimonialGap: 24px;
  --poly-space-superCard-valuePropGap: 32px;
  --poly-space-superCard-ctaMarginTop: 40px;
  --poly-space-superCard-sectionPaddingVertical: 64px;
  --poly-space-superCard-sectionPaddingHorizontal: 32px;
  
  /* Size/Space - PreFooter */
  --poly-size-preFooter-imageHeight-tablet: 320px;
  --poly-size-preFooter-imageHeight-mobile: 260px;
  --poly-size-preFooter-noImageMaxWidth: 800px;
  --poly-size-superCard-iconSize-mobile: 48px;
  --poly-size-superCard-valuePropIconGap-mobile: 16px;
  --poly-space-superCard-containerPadding: 24px;
  --poly-space-testimonial-padding: 44px 40px;
  --poly-space-testimonial-contentGap: 20px;
  --poly-space-testimonial-attributionGap: 16px;
  --poly-space-testimonial-authorGap: 4px;
  
  /* Space - SiteWideBanner */
  --poly-space-siteWideBanner-maxWidth: 1360px;
  --poly-space-siteWideBanner-minHeight: 47.988px;
  --poly-space-siteWideBanner-maxHeight: 73.998px;
  
  /* Space - MegaMenu */
  --poly-space-megaMenu-containerMaxWidth: 1360px;
  --poly-space-megaMenu-containerPaddingHorizontal: 80px;
  --poly-space-megaMenu-navHeight: 3.555em;
  /* Nav offset: nav height (64px) — accounts for fixed nav without pre-nav */
  --poly-space-page-navOffset: 64px;
  --poly-space-megaMenu-navItemGap: 1.69em;
  --poly-space-megaMenu-navItemPaddingVertical: 1em;
  --poly-space-megaMenu-navItemInnerGap: 0.375em;
  --poly-space-megaMenu-navItemBorderWidth: 4px;
  --poly-space-megaMenu-navItemLineHeight: 1.25em;
  --poly-space-megaMenu-ctaGap: 0.888em;
  --poly-space-megaMenu-ctaPaddingTop: 16.24px;
  --poly-space-megaMenu-ctaPaddingRight: 28px;
  --poly-space-megaMenu-ctaPaddingBottom: 16.24px;
  --poly-space-megaMenu-ctaPaddingLeft: 20px;
  --poly-space-megaMenu-ctaBorderRadius: 32px;
  --poly-size-megaMenu-ctaFontSize: 18px;
  --poly-size-megaMenu-ctaLineHeight: 1.11;
  --poly-size-megaMenu-baseFontSize: 18px;
  --poly-size-megaMenu-baseLineHeight: 100%;
  --poly-size-megaMenu-logoHeight: 32px;
  --poly-space-megaMenu-actionsGap: 16px;
  --poly-space-megaMenu-containerPaddingInline: 24px;
  --poly-animation-megaMenu-transitionDuration: 200ms;
  --poly-animation-megaMenu-chevronDuration: 300ms;

  /* MegaMenu - Dropdown Panel */
  --poly-space-megaMenu-searchOverlay-minHeight: 200px;
  --poly-space-megaMenu-searchOverlay-padding: 2em;
  --poly-space-megaMenu-searchOverlay-gap: 1em;
  --poly-color-megaMenu-dropdown-background: #ffffff;
  --poly-color-megaMenu-dropdown-border: #f5f3ef;
  --poly-color-megaMenu-text: #161d26;
  --poly-color-megaMenu-link-hoverBackground: #f5f3ef;
  --poly-color-megaMenu-badge-background: #232f3e;
  --poly-color-megaMenu-badge-text: #ffffff;
  --poly-size-megaMenu-panelMaxWidth: 432px;
  --poly-size-megaMenu-columnMinWidth: 205px;
  --poly-size-megaMenu-titleFontSize: 22px;
  --poly-space-megaMenu-linkGap: 0.444em;
  --poly-space-megaMenu-linkPadding: 0.888em;
  --poly-size-megaMenu-iconHeight: 1.777em;

  /* MegaMenu - Featured Column */
  --poly-size-megaMenu-featuredMinWidth: 205px;
  --poly-size-megaMenu-featuredMaxWidth: 224px;
  --poly-size-megaMenu-featuredImageMaxHeight: 200px;
  --poly-size-megaMenu-featured-sm-minWidth: 256px;
  --poly-size-megaMenu-featured-sm-maxWidth: 280px;
  --poly-size-megaMenu-featured-lg-minWidth: 320px;
  --poly-size-megaMenu-featured-lg-maxWidth: 380px;
  --poly-color-megaMenu-featured-border: #f5f3ef;
  --poly-color-megaMenu-featured-shadow: rgba(35, 47, 62, 0.1);
  --poly-color-megaMenu-featured-description: #161d26;

  /* MegaMenu - Typography */
  --poly-space-megaMenu-searchBar-inputHeight: 64px;
  --poly-size-megaMenu-searchBar-maxWidth: 600px;
  --poly-space-megaMenu-searchBar-padding: 1em;
  --poly-space-megaMenu-searchBar-paddingLeft: 3em;
  --poly-space-megaMenu-searchBar-paddingRight: 1em;
  --poly-space-megaMenu-searchBar-borderRadius: 2em;
  --poly-space-megaMenu-trigger-padding: 0.5em;
  --poly-space-megaMenu-trigger-gap: 0.4em;
  --poly-space-megaMenu-languagePicker-triggerGap: 0.5em;
  --poly-space-megaMenu-languagePicker-triggerPadding: 0.4em 0.8em;
  --poly-color-megaMenu-languagePicker-triggerHover: rgba(255, 255, 255, 0.15);
  --poly-space-megaMenu-languagePicker-popupOffset: 12px;
  --poly-space-megaMenu-languagePicker-popupPadding: 0.5em;
  --poly-size-megaMenu-languagePicker-popupMinWidth: 200px;
  --poly-space-megaMenu-languagePicker-popupCloseTop: 1em;
  --poly-space-megaMenu-languagePicker-popupCloseRight: 1.5em;
  --poly-space-megaMenu-languagePicker-headingMarginBottom: 1em;
  --poly-space-megaMenu-languagePicker-listGap: 4px;
  --poly-space-megaMenu-languagePicker-linkPadding: 0.65em 1em;
  --poly-border-radius-megaMenu-languagePicker-link: 0.5em;
  --poly-space-megaMenu-languagePicker-checkGap: 1.5em;
  --poly-size-megaMenu-languagePicker-checkSize: 1.2em;
  --poly-color-megaMenu-languagePicker-currentText: rgb(0, 100, 249);
  --poly-size-megaMenu-iconSize: 16px;
  --poly-size-megaMenu-searchIconSize: 20px;
  --poly-space-megaMenu-searchBar-iconLeft: 1em;
  --poly-space-megaMenu-searchBar-cancelRight: 1em;
  --poly-space-megaMenu-searchBar-cancelPadding: 0.5em;
  --poly-size-megaMenu-underlineWidth: 2px;
  --poly-typography-megaMenu-searchBar-fontSize: 20px;
  --poly-typography-megaMenu-title-fontSize: 18px;
  --poly-typography-megaMenu-title-lineHeight: 26px;
  --poly-typography-megaMenu-title-paddingLeft: 18px;
  --poly-typography-megaMenu-description-fontSize: 14px;
  --poly-typography-megaMenu-footer-fontSize: 16px;
  --poly-typography-megaMenu-footer-lineHeight: 17.776px;
  --poly-space-megaMenu-footer-padding: 16px;

  /* MegaMenu - Mobile */
  --poly-space-megaMenu-mobile-containerPaddingInline: 18px;
  --poly-size-megaMenu-mobile-searchTrigger: 54px;
  --poly-typography-megaMenu-mobile-accordionTitleFontSize: 22px;
  /* No Cloudscape token for this blue — design-specified accent for expanded accordion state */
  --poly-color-megaMenu-mobile-accordionExpandedText: rgb(0, 100, 249);
  --poly-typography-megaMenu-mobile-drawerFooterFontSize: 16px;
  --poly-space-megaMenu-mobile-drawerFooterReserved: 16em;
  --poly-space-megaMenu-mobile-leftGap: 1em;
  --poly-space-megaMenu-mobile-accordionTitlePadding: 0.888em 1.333em;
  --poly-space-megaMenu-mobile-accordionLinksPadding: 0 0.5em 0.5em;
  --poly-typography-megaMenu-mobile-accordionLinkLineHeight: 1.111em;
  --poly-space-megaMenu-mobile-accordionLinkTextGap: 0.25em;
  --poly-typography-megaMenu-mobile-accordionDescriptionLineHeight: 1.4;
  --poly-space-megaMenu-mobile-drawerFooterGap: 1em;
  --poly-space-megaMenu-mobile-drawerFooterPadding: 1.5em;
  --poly-space-megaMenu-mobile-drawerFooterBtnGap: 0.375em;
  --poly-size-megaMenu-mobile-hamburgerIcon: 1.5em;
  --poly-size-megaMenu-mobile-searchIcon: 1.25em;
  --poly-size-megaMenu-mobile-accordionChevron: 1.777em;
  --poly-space-megaMenu-mobile-accordionContentPaddingBottom: 0.5em;
  --poly-border-radius-megaMenu-mobile-pill: 1.777em;
  --poly-space-megaMenu-mobile-drawerFooterBtnPadding: 0.8333em 1.555em;
  --poly-typography-megaMenu-mobile-drawerFooterBtnLineHeight: 1.11em;

  /* SiteWideBanner - Mobile */
  --poly-size-siteWideBanner-mobile-height: 54px;
  --poly-space-siteWideBanner-mobile-padding: 18px;
  --poly-typography-siteWideBanner-mobile-fontSize: 14px;
  --poly-typography-siteWideBanner-mobile-lineHeight: 1.3;
  --poly-typography-siteWideBanner-mobile-letterSpacing: 0.01em;
  
  /* Border - Radius */
  --poly-border-radius-image: 24px;
  --poly-border-radius-card: 16px;
  --poly-border-radius-cardHero: 24px;
  --poly-border-radius-pill: 9999px;
  
  /* Border - Color */
  --poly-color-border-card: #EBECED;
  
  /* Border - Outline (Focus states) */
  --poly-border-outline-width: 2px;
  --poly-border-outline-offset: 2px;
  
  /* Breakpoints */
  --poly-breakpoint-tablet: 768px;
  --poly-breakpoint-mobile: 480px;
  
  /* Effect - Shadow */
  --poly-effect-card-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.05), 0 16px 32px -8px rgba(0, 0, 0, 0.05);
  --poly-effect-panel-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  --poly-effect-input-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  --poly-effect-button-shadow-hover: 0 0 8px -2px rgba(0, 0, 0, 0.05), 0 8px 16px -4px rgba(0, 0, 0, 0.05);
  
  /* Color - Button - Primary */
  --poly-color-button-background-primary-default: #FF6200;
  --poly-color-button-background-primary-hover: #F55600;
  --poly-color-button-background-primary-active: #F55600;
  --poly-color-button-text-primary-default: #161D26;
  --poly-color-button-border-primary-default: #FF6200;
  --poly-color-button-border-primary-hover: #F55600;
  --poly-color-button-border-primary-active: #E54E00;
  
  /* Color - Button - Contrast (dark) */
  --poly-color-button-background-contrastDark-default: #161D26;
  --poly-color-button-background-contrastDark-hover: #232F3E;
  --poly-color-button-background-contrastDark-active: #000000;
  --poly-color-button-text-contrastDark-default: #FFFFFF;
  
  /* Color - Button - Contrast (light) */
  --poly-color-button-background-contrastLight-default: #FFFFFF;
  --poly-color-button-background-contrastLight-hover: #F7F8F8;
  --poly-color-button-background-contrastLight-active: #E8EAEA;
  --poly-color-button-text-contrastLight-default: #161D26;
  
  /* Color - Button - Off-white (for nav buttons) */
  --poly-color-button-background-offWhite-default: #F5F3EF;
  --poly-color-button-background-offWhite-hover: #E8E6E2;
  --poly-color-button-background-offWhite-active: #DDD9D5;
  --poly-color-button-text-offWhite-default: #161D26;
  
  /* Color - Button - Disabled */
  --poly-color-button-background-disabled: #D3D5D8;
  --poly-color-button-text-disabled: #5F6B7A;
  --poly-color-button-border-disabled: #D3D5D8;
  --poly-color-button-border-transparent: transparent;
  
  /* Color - Background */
  --poly-color-background-white: #ffffff;
  --poly-color-background-offWhite: #F5F3EF;
  --poly-color-background-dark: #16191f;
  --poly-color-background-footer-dark: #181d26;
  --poly-color-text-footer-link: #fdfefe;
  --poly-color-background-card-dark: #232F3E;
  --poly-color-background-card-light: #F2F6E1;
  --poly-color-background-container-offWhite: #F5F3EF;
  --poly-color-background-quiz-dark: #0f141a;
  
  /* Color - Text */
  --poly-color-text-inverse: #ffffff;
  --poly-color-text-accent: #FF6200;
  --poly-color-text-muted: #5E6A78; /* Squid Ink 500 */
  
  /* Color - NSI (New Selection Incentives) */
  --poly-color-nsi-badge-background: #49850F;
  --poly-color-nsi-badge-text: #FFFFFF;
  --poly-color-nsi-background-green: #F2F6E1;
  --poly-color-nsi-background-greenLight: #e6f4ea;
  --poly-color-siteWideBanner-background-green: #49850F;
  
  /* Color - Button - Context high contrast (adapts to background) */
  --poly-color-button-background-highContrast-default: var(--poly-color-button-background-contrastDark-default);
  --poly-color-button-background-highContrast-hover: var(--poly-color-button-background-contrastDark-hover);
  --poly-color-button-background-highContrast-active: var(--poly-color-button-background-contrastDark-active);
  --poly-color-button-text-highContrast-default: var(--poly-color-button-text-contrastDark-default);
  --poly-color-button-border-highContrast-default: var(--poly-color-button-background-contrastDark-default);
  --poly-color-button-border-highContrast-hover: var(--poly-color-button-background-contrastDark-hover);
  --poly-color-button-border-highContrast-active: var(--poly-color-button-background-contrastDark-active);
  
  /* Color - Button - Context low contrast (adapts to background) */
  --poly-color-button-background-lowContrast-default: transparent;
  --poly-color-button-background-lowContrast-hover: rgba(0, 0, 0, 0.05);
  --poly-color-button-background-lowContrast-active: rgba(0, 0, 0, 0.1);
  --poly-color-button-text-lowContrast-default: var(--poly-color-button-background-contrastDark-default);
  --poly-color-button-border-lowContrast-default: var(--poly-color-button-background-contrastDark-default);
  
  /* Color - Backdrop/Overlay */
  --poly-color-background-backdrop: rgba(35, 47, 62, 0.3);
  --poly-color-background-backdrop-dark: rgba(0, 0, 0, 0.6);
  --poly-color-background-overlay-video: rgba(0, 0, 0, 0.75);
  --poly-color-background-hover-subtle: rgba(0, 0, 0, 0.04);

  /* Popup */
  --poly-typography-popup-heading-fontSize: 32px;
  --poly-size-popup-close-fontSize: 30px;

  /* PageFooter */
  --poly-space-pageFooter-sectionPadding: 32px;
  --poly-space-pageFooter-topBar-paddingV: 24px;
  --poly-space-pageFooter-topBar-paddingH: 16px;
  --poly-space-pageFooter-gap-xs: 4px;
  --poly-space-pageFooter-gap-sm: 8px;
  --poly-space-pageFooter-gap-md: 16px;
  --poly-space-pageFooter-gap-lg: 24px;
  --poly-space-pageFooter-bar-padding-mobile: 20px;
  --poly-space-pageFooter-underline-offset: 2px;
  --poly-space-pageFooter-action-gap-mobile: 12px;
  --poly-space-pageFooter-popup-minPaddingTop: 56px;
  --poly-space-pageFooter-columns-gap: 80px;
  --poly-space-pageFooter-columns-gap-mobile: 32px;
  --poly-size-pageFooter-actionBtn-borderRadius-mobile: 8px;
  --poly-size-pageFooter-divider-height: 2px;
  --poly-space-pageFooter-popup-padding: 40px;
  --poly-size-pageFooter-popup-maxWidth: 800px;
  --poly-typography-pageFooter-lineHeight: 1.4;
  --poly-typography-pageFooter-finePrint-lineHeight: 2;
  --poly-typography-pageFooter-breadcrumb-separatorSize: 2.2em;
  --poly-space-pageFooter-popup-closeOffset: -40px;
  --poly-size-pageFooter-logo-maxHeight: 28px;
  --poly-space-pageFooter-langLink-currentGap: 6px;
  --poly-size-pageFooter-countryLink-indicatorWidth: 3px;
  --poly-size-pageFooter-countryLink-indicatorHeight: 1.2em;
  
  /* Z-index - Layering */
  --poly-zIndex-overlay-modal: 1000;

  /* Space - PageFooter */
  --poly-space-pageFooter-paddingVertical: 40px;
  --poly-space-pageFooter-paddingHorizontal: 80px;
  --poly-space-pageFooter-paddingVertical-mobile: 32px;
  --poly-space-pageFooter-paddingHorizontal-mobile: 24px;
  --poly-space-pageFooter-sectionGap: 20px;
  --poly-space-pageFooter-socialGap: 16px;
  --poly-space-pageFooter-linkDividerHeight: 1em;
  --poly-space-pageFooter-linkGap: 0;

  /* Size - PageFooter */
  --poly-size-pageFooter-socialIcon: 24px;
  --poly-size-pageFooter-logoMaxHeight: 40px;
  --poly-size-pageFooter-languageSelectMinWidth: 160px;

  /* Typography - PageFooter */
  --poly-typography-pageFooter-fontSize-link: 14px;
  --poly-typography-pageFooter-fontSize-copyright: 14px;
  --poly-typography-pageFooter-fontSize-disclaimer: 12px;
  --poly-typography-pageFooter-lineHeight: 1.5;

  /* Color - PageFooter */
  --poly-color-pageFooter-backToTop-background: rgba(255, 255, 255, 0.08);
  --poly-color-pageFooter-backToTop-hover: rgba(255, 255, 255, 0.12);
  --poly-color-pageFooter-divider: rgba(255, 255, 255, 0.25);
  --poly-color-pageFooter-divider-light: rgba(0, 0, 0, 0.2);
  --poly-color-pageFooter-select-background: transparent;
  --poly-color-pageFooter-select-border: rgba(255, 255, 255, 0.3);
  --poly-color-pageFooter-select-border-light: rgba(0, 0, 0, 0.3);
}

/* Background context classes and utility selectors — namespaced under .poly-page
 * to avoid collisions with non-Poly elements on the page.
 * CSS custom properties (--poly-*) don't need namespacing since they're already prefixed. */

.poly-page .background-light {
  --poly-color-button-background-highContrast-default: var(--poly-color-button-background-contrastDark-default);
  --poly-color-button-background-highContrast-hover: var(--poly-color-button-background-contrastDark-hover);
  --poly-color-button-background-highContrast-active: var(--poly-color-button-background-contrastDark-active);
  --poly-color-button-text-highContrast-default: var(--poly-color-button-text-contrastDark-default);
  --poly-color-button-border-highContrast-default: var(--poly-color-button-background-contrastDark-default);
  --poly-color-button-border-highContrast-hover: var(--poly-color-button-background-contrastDark-hover);
  --poly-color-button-border-highContrast-active: var(--poly-color-button-background-contrastDark-active);
  
  --poly-color-button-background-lowContrast-default: transparent;
  --poly-color-button-background-lowContrast-hover: rgba(0, 0, 0, 0.05);
  --poly-color-button-background-lowContrast-active: rgba(0, 0, 0, 0.1);
  --poly-color-button-text-lowContrast-default: var(--poly-color-button-background-contrastDark-default);
  --poly-color-button-border-lowContrast-default: var(--poly-color-button-background-contrastDark-default);
}

.poly-page .background-dark {
  --poly-color-button-background-highContrast-default: var(--poly-color-button-background-contrastLight-default);
  --poly-color-button-background-highContrast-hover: var(--poly-color-button-background-contrastLight-hover);
  --poly-color-button-background-highContrast-active: var(--poly-color-button-background-contrastLight-active);
  --poly-color-button-text-highContrast-default: var(--poly-color-button-text-contrastLight-default);
  --poly-color-button-border-highContrast-default: var(--poly-color-button-background-contrastLight-default);
  --poly-color-button-border-highContrast-hover: var(--poly-color-button-background-contrastLight-hover);
  --poly-color-button-border-highContrast-active: var(--poly-color-button-background-contrastLight-active);
  
  --poly-color-button-background-lowContrast-default: transparent;
  --poly-color-button-background-lowContrast-hover: rgba(255, 255, 255, 0.1);
  --poly-color-button-background-lowContrast-active: rgba(255, 255, 255, 0.2);
  --poly-color-button-text-lowContrast-default: var(--poly-color-button-background-contrastLight-default);
  --poly-color-button-border-lowContrast-default: var(--poly-color-button-background-contrastLight-default);
}

/* Link with arrow - marketing pattern (diagonal up-right arrow) */
.poly-page .link-with-arrow::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 12px;
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.75 3.916L1.938 10.708C1.71533 10.9307 1.448 11.042 1.136 11.042C0.823333 11.042 0.556 10.9307 0.334 10.708C0.111333 10.486 0 10.2187 0 9.906C0 9.59333 0.111333 9.326 0.334 9.104L7.125 2.292H1.646C1.34067 2.292 1.07333 2.17733 0.844 1.948C0.614667 1.71867 0.5 1.45133 0.5 1.146C0.5 0.84 0.614667 0.572667 0.844 0.344C1.07333 0.114667 1.34067 0 1.646 0H9.896C10.2013 0 10.4687 0.114667 10.698 0.344C10.9273 0.572667 11.042 0.84 11.042 1.146V9.396C11.042 9.70133 10.9273 9.96867 10.698 10.198C10.4687 10.4273 10.2013 10.542 9.896 10.542C9.59067 10.542 9.32333 10.4273 9.094 10.198C8.86467 9.96867 8.75 9.70133 8.75 9.396V3.916Z" fill="%23161D26"/></svg>') no-repeat center;
  background-size: contain;
  transition: transform 0.2s cubic-bezier(0.64, 0.15, 0.53, 0.53);
}

.poly-page .link-with-arrow:hover::after {
  transform: translate(2px, -2px);
}

/* Link with right arrow - horizontal arrow for SuperCard */
.poly-page .link-with-arrow-horizontal::after {
  content: '→';
  display: inline-block;
  margin-left: 8px;
  font-size: 1em;
  transition: transform 0.2s cubic-bezier(0.64, 0.15, 0.53, 0.53);
}

.poly-page .link-with-arrow-horizontal:hover::after {
  transform: translateX(4px);
}

/* Link with right arrow - for FeaturedCards */
.poly-page .link-with-arrow-right::after {
  content: '→';
  margin-left: 8px;
  display: inline-block;
  transition: transform 0.2s cubic-bezier(0.64, 0.15, 0.53, 0.53);
}

.poly-page .link-with-arrow-right:hover::after {
  transform: translateX(4px);
}

/* Link with underline slide animation */
.poly-page .link-with-underline {
  text-decoration: none;
  background-image: linear-gradient(currentColor 99%, rgba(0, 0, 0, 0));
  background-size: 100% 2px;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  padding-bottom: 4px;
  transition: background-size 0.3s cubic-bezier(0.64, 0.15, 0.53, 0.53);
}

.poly-page .link-with-underline:hover {
  background-size: 0% 2px;
}

/* Global typography rules: Display for headings */
.poly-page h1, .poly-page h2, .poly-page h3, .poly-page h4, .poly-page h5, .poly-page h6 {
  font-family: var(--poly-typography-display-fontFamily);
}

/* ============================================
 * Non-Latin Typography Overrides
 *
 * Non-Latin languages use 120% line-height for all headings
 * and different font families per region:
 * - Japanese (ja): Ember Modern JP / Amazon Ember JP
 * - Arabic (ar): Ember Modern Arabic / Amazon Ember Arabic
 * - All other non-Latin: Noto Sans
 *
 * Applied via html[lang] attribute selector.
 * ============================================ */

/* Japanese */
html[lang="ja"],
html[lang^="ja-"] {
  --poly-typography-display-fontFamily: 'Ember Modern JP', 'Amazon Ember JP', 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif;
  --poly-typography-text-fontFamily: 'Ember Modern JP', 'Amazon Ember JP', 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif;
  --poly-typography-heading-lineHeight-600: 1.2;
  --poly-typography-heading-lineHeight-500: 1.2;
  --poly-typography-heading-lineHeight-400: 1.2;
  --poly-typography-heading-lineHeight-300: 1.2;
  --poly-typography-heading-lineHeight-200: 1.2;
  --poly-typography-heading-lineHeight-100: 1.2;
  --poly-typography-heading-lineHeight-50: 1.2;
  --poly-typography-mobile-heading-lineHeight-600: 1.2;
  --poly-typography-mobile-heading-lineHeight-500: 1.2;
  --poly-typography-mobile-heading-lineHeight-400: 1.2;
  --poly-typography-mobile-heading-lineHeight-300: 1.2;
  --poly-typography-mobile-heading-lineHeight-200: 1.2;
  --poly-typography-mobile-heading-lineHeight-100: 1.2;
  --poly-typography-superCard-lineHeight-heading: 120%;
}

/* Arabic (MENA) */
html[lang="ar"],
html[lang^="ar-"] {
  --poly-typography-display-fontFamily: 'Ember Modern Arabic', 'Amazon Ember Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif;
  --poly-typography-text-fontFamily: 'Ember Modern Arabic', 'Amazon Ember Arabic', 'Noto Sans Arabic', 'Tahoma', sans-serif;
  --poly-typography-heading-lineHeight-600: 1.2;
  --poly-typography-heading-lineHeight-500: 1.2;
  --poly-typography-heading-lineHeight-400: 1.2;
  --poly-typography-heading-lineHeight-300: 1.2;
  --poly-typography-heading-lineHeight-200: 1.2;
  --poly-typography-heading-lineHeight-100: 1.2;
  --poly-typography-heading-lineHeight-50: 1.2;
  --poly-typography-mobile-heading-lineHeight-600: 1.2;
  --poly-typography-mobile-heading-lineHeight-500: 1.2;
  --poly-typography-mobile-heading-lineHeight-400: 1.2;
  --poly-typography-mobile-heading-lineHeight-300: 1.2;
  --poly-typography-mobile-heading-lineHeight-200: 1.2;
  --poly-typography-mobile-heading-lineHeight-100: 1.2;
  --poly-typography-superCard-lineHeight-heading: 120%;
}

/* Non-Latin fallback: all other non-Latin languages
 * Covers: Chinese (zh), Korean (ko), Thai (th), Hindi (hi),
 * Hebrew (he), Bengali (bn), Tamil (ta), Telugu (te), etc.
 * Uses Noto Sans as the universal non-Latin fallback. */
html[lang="zh"], html[lang^="zh-"],
html[lang="ko"], html[lang^="ko-"],
html[lang="th"], html[lang^="th-"],
html[lang="hi"], html[lang^="hi-"],
html[lang="he"], html[lang^="he-"],
html[lang="bn"], html[lang^="bn-"],
html[lang="ta"], html[lang^="ta-"],
html[lang="te"], html[lang^="te-"],
html[lang="ml"], html[lang^="ml-"],
html[lang="kn"], html[lang^="kn-"],
html[lang="gu"], html[lang^="gu-"],
html[lang="mr"], html[lang^="mr-"],
html[lang="my"], html[lang^="my-"],
html[lang="km"], html[lang^="km-"],
html[lang="lo"], html[lang^="lo-"],
html[lang="ka"], html[lang^="ka-"],
html[lang="am"], html[lang^="am-"] {
  --poly-typography-display-fontFamily: 'Noto Sans', Helvetica, Arial, sans-serif;
  --poly-typography-text-fontFamily: 'Noto Sans', Helvetica, Arial, sans-serif;
  --poly-typography-heading-lineHeight-600: 1.2;
  --poly-typography-heading-lineHeight-500: 1.2;
  --poly-typography-heading-lineHeight-400: 1.2;
  --poly-typography-heading-lineHeight-300: 1.2;
  --poly-typography-heading-lineHeight-200: 1.2;
  --poly-typography-heading-lineHeight-100: 1.2;
  --poly-typography-heading-lineHeight-50: 1.2;
  --poly-typography-mobile-heading-lineHeight-600: 1.2;
  --poly-typography-mobile-heading-lineHeight-500: 1.2;
  --poly-typography-mobile-heading-lineHeight-400: 1.2;
  --poly-typography-mobile-heading-lineHeight-300: 1.2;
  --poly-typography-mobile-heading-lineHeight-200: 1.2;
  --poly-typography-mobile-heading-lineHeight-100: 1.2;
  --poly-typography-superCard-lineHeight-heading: 120%;
}