/* Mastercard design tokens */
:root {
  --color-color-1: #F3F0EE;
  --color-warm-cream-canvas-f3f0ee-replaces-traditional-white-every-surface-is-tinted-never-sterile-extreme-border-radius-as-design-language-40px-99px-1000px-dominate-anything-square-is-a-cookie-banner-third-party-circular-image-portraits-with-attached-white-satellite-ctas-and-traced-orange-orbital-paths-ghost-watermark-headlines-cream-on-cream-text-at-heading-scale-layered-behind-circle-portraits-black-primary-ctas-with-20px-radius-in-the-body-the-cookie-banner-orange-is-kept-to-consent-flows-floating-pill-shaped-navigation-that-docks-below-the-viewport-top-with-rounded-shoulders-eyebrow-labels-with-a-tiny-accent-dot-uppercase-bold-tracking-used-as-the-section-category-signal-dark-warm-black-footer-141413-with-four-column-link-layout-and-large-conversational-headline-2-color-palette-roles-primary: #EB001B;
  --color-mastercard-yellow: #F79E1B;
  --color-ink-black: #141413;
  --color-signal-orange: #CF4500;
  --color-light-signal-orange: #F37338;
  --color-clay-brown: #9A3A0A;
  --color-lifted-cream: #FCFBFA;
  --color-white: #FFFFFF;
  --color-soft-bone: #F4F4F4;
  --color-charcoal: #262627;
  --color-slate-gray: #696969;
  --color-granite: #555555;
  --color-graphite: #565656;
  --color-dust-taupe: #D1CDC7;
  --color-link-blue: #3860BE;
  --color-color-17: #000000;
  --color-color-18: #2B2B2B;
  --color-color-19: #E8E2DA;
  --color-color-20: rgba(255,255,255,0.4);
  --font-primary: Inter, system-ui, sans-serif;
  --font-family-2: 'Primary and secondary body CTAs (the signature button radius)', system-ui, sans-serif;
  --font-family-3: Consent/orange pill buttons, modal inner chips;
  --font-family-4: Hero media frames, large section container corners, H2 pill labels;
  --text-h1-hero: 64px;
  --leading-h1-hero: 64px;
  --tracking-h1-hero: 0;
  --text-h2-section: 36px;
  --leading-h2-section: 44px;
  --tracking-h2-section: 44px;
  --text-h3-card-title: 24px;
  --leading-h3-card-title: 1.5;
  --tracking-h3-card-title: 0;
  --text-h4-subhead: 14px;
  --leading-h4-subhead: 1.5;
  --tracking-h4-subhead: 0;
  --text-eyebrow-h5: 14px;
  --leading-eyebrow-h5: 14px;
  --tracking-eyebrow-h5: 0;
  --text-body-paragraph: 16px;
  --leading-body-paragraph: 1.5;
  --tracking-body-paragraph: 0;
  --text-nav-link-button-label: 16px;
  --leading-nav-link-button-label: 16px;
  --tracking-nav-link-button-label: 0;
  --text-footer-link: 14px;
  --leading-footer-link: 1.5;
  --tracking-footer-link: ~20px;
  --text-footer-column-header: 14px;
  --leading-footer-column-header: 1.5;
  --tracking-footer-column-header: 12–14px;
  --text-20px: 20px;
  --leading-20px: 1.5;
  --tracking-20px: 0;
  --text-24px: 24px;
  --leading-24px: 1.5;
  --tracking-24px: 0;
  --text-40px: 40px;
  --leading-40px: 1.5;
  --tracking-40px: 0;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-128: 128px;
  --radius-sm: 0px;
  --radius-md: 4px;
  --radius-lg: 9px;
  --radius-xl: 6px;
  --radius-pill: 8px;
}