:root {
  --max-content-width: 1232px;
  --max-container-width: 1440px;
  --announcement-bar-height: 40px;
  --mobile-header-height: 72px;

  --resources-hero-height: 426px;

  /* Text Inputs */
  --text-input-background-color: var(--color-bg-default-default);
  --text-input-border-color: var(--color-border-default-default);
  --text-input-border-error-color: var(--color-border-danger-default);
  --text-input-border-focus-color: var(--color-border-brand-primary-hover);
  --text-input-padding: var(--spacing-12) var(--spacing-16);
  --text-input-padding-block: var(--spacing-12);
  --text-input-padding-inline: var(--spacing-16);
  --text-input-slot-width: 56px;
  --text-input-icon-size: var(--sizing-16);
  --text-input-gap: var(--spacing-8);
  --text-input-color: var(--color-text-default-default);
  --text-input-placeholder-color: var(--color-text-default-muted);
  --text-input-border-radius: var(--border-radius-12);
  --text-input-label-color: var(--color-text-default-soft);
  --text-input-error-color: var(--color-text-danger-default);
  --text-input-disabled-opacity: 0.5;

  /* Round Text Inputs */
  --round-text-input-background-color: var(--color-bg-default-default);
  --round-text-input-border-color: var(--color-border-default-default);
  --round-text-input-border-error-color: var(--color-border-danger-default);
  --round-text-input-border-focus-color: var(--color-border-brand-primary-hover);
  --round-text-input-padding: var(--spacing-16) var(--spacing-24);
  --round-text-input-padding-block: var(--spacing-16);
  --round-text-input-padding-inline: var(--spacing-24);
  --round-text-input-slot-width: 168px;
  --round-text-input-icon-size: var(--sizing-16);
  --round-text-input-gap: var(--spacing-8);
  --round-text-input-color: var(--color-text-default-default);
  --round-text-input-placeholder-color: var(--color-text-default-muted);
  --round-text-input-border-radius: 9999px;
  --round-text-input-label-color: var(--color-text-default-soft);
  --round-text-input-error-color: var(--color-text-danger-default);
  --round-text-input-disabled-opacity: 0.5;

  /* Gradients */
  --gradient-glow-color: radial-gradient(
    196.66% 100% at 50% 100%,
    #fc945b 0%,
    #f0d281 26.62%,
    #e4d7d2 57.75%,
    #a2c69d 100%
  );
  --gradient-momentum: radial-gradient(
    380.71% 100% at 50.01% 100%,
    #fc945b 0%,
    #d6b2bd 25.55%,
    #454b97 51.92%,
    #471a34 78.85%
  );
  --gradient-primary-fade: linear-gradient(
    180deg,
    rgba(71, 26, 52, 0.25) 0%,
    rgba(71, 26, 52, 0) 100%
  );
  --gradient-secondary-fade: linear-gradient(
    180deg,
    rgba(251, 213, 192, 0.4) 0%,
    rgba(251, 213, 192, 0) 100%
  );
  --gradient-green-fade: linear-gradient(
    180deg,
    rgba(162, 198, 157, 0.5) 0%,
    rgba(162, 198, 157, 0) 100%
  );

  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 600; /* Using 600 to match with the design system */

  /* Spacing */
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-98: 98px;
  --spacing-104: 104px;
  --spacing-128: 128px;
  --spacing-320: 320px;

  /* Sizing */
  --sizing-16: 16px;
  --sizing-18: 18px;
  --sizing-20: 20px;
  --sizing-24: 24px;
  --sizing-28: 28px;
  --sizing-240: 240px;

  /* Border Radius */
  --border-radius-4: 4px;
  --border-radius-8: 8px;
  --border-radius-12: 12px;
  --border-radius-16: 16px;
  --border-radius-24: 24px;

  /* Button Colors - Primary Variant */
  --btn-primary-bg: var(--color-bg-brand-primary);
  --btn-primary-border: var(--color-border-brand-primary);
  --btn-primary-bg-hover: var(--color-bg-brand-primary-hover);
  --btn-primary-bg-active: var(--color-bg-brand-primary);
  --btn-primary-border-hover: var(--color-border-brand-primary-hover);
  --btn-primary-text: var(--color-text-brand-on-brand-primary-bg);
  --btn-primary-text-hover: var(--color-text-brand-on-brand-primary-bg);
  --btn-primary-focus-inner: rgba(255, 255, 255, 0.75);
  --btn-primary-focus-outer: rgba(245, 191, 208, 0.45);

  /* Button Colors - Primary Light Variant */
  --btn-primary-light-bg: var(--color-bg-highlight-highlight-1);
  --btn-primary-light-border: var(--color-border-highlight-highlight-1);
  --btn-primary-light-bg-hover: var(--color-bg-brand-secondary);
  --btn-primary-light-bg-active: var(--color-bg-highlight-highlight-1);
  --btn-primary-light-border-hover: var(--color-border-brand-secondary);
  --btn-primary-light-text: var(--color-text-highlight-on-highlight-1-bg);
  --btn-primary-light-text-hover: var(--color-text-brand-on-brand-secondary-bg);
  --btn-primary-light-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-primary-light-focus-outer: rgba(188, 133, 156, 0.5);

  /* Button Colors - Secondary Variant */
  --btn-secondary-bg: var(--color-bg-brand-secondary);
  --btn-secondary-border: var(--color-border-brand-secondary);
  --btn-secondary-bg-hover: var(--color-bg-brand-secondary-hover);
  --btn-secondary-bg-active: var(--color-bg-brand-secondary);
  --btn-secondary-border-hover: var(--color-border-brand-secondary-hover);
  --btn-secondary-text: var(--color-text-brand-on-brand-secondary-bg);
  --btn-secondary-text-hover: var(--color-text-brand-on-brand-secondary-bg);
  --btn-secondary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-secondary-focus-outer: rgba(251, 213, 192, 0.6);

  /* Button Colors - Info Variant */
  --btn-info-bg: var(--color-bg-neutral-support);
  --btn-info-border: var(--color-border-neutral-support);
  --btn-info-bg-hover: var(--color-bg-neutral-support-hover);
  --btn-info-bg-active: var(--color-bg-neutral-support);
  --btn-info-border-hover: var(--color-border-neutral-support-hover);
  --btn-info-text: var(--color-text-neutral-on-neutral-subtle-bg);
  --btn-info-text-hover: var(--color-text-neutral-on-neutral-subtle-bg);
  --btn-info-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-info-focus-outer: rgba(245, 239, 233, 0.8);

  /* Button Colors - Subtle Variant */
  --btn-subtle-bg: transparent;
  --btn-subtle-border: transparent;
  --btn-subtle-bg-hover: transparent;
  --btn-subtle-bg-active: transparent;
  --btn-subtle-border-hover: var(--color-border-brand-secondary);
  --btn-subtle-text: var(--color-text-default-default);
  --btn-subtle-text-hover: var(--color-text-default-default);
  --btn-subtle-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-subtle-focus-outer: rgba(251, 213, 192, 0.6);

  /* Button Colors - Subtle White Variant */
  --btn-subtle-white-bg: transparent;
  --btn-subtle-white-border: transparent;
  --btn-subtle-white-bg-hover: transparent;
  --btn-subtle-white-bg-active: transparent;
  --btn-subtle-white-border-hover: var(--color-border-brand-secondary);
  --btn-subtle-white-text: var(--color-text-default-default-light);
  --btn-subtle-white-text-hover: var(--color-text-default-default-light);
  --btn-subtle-white-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-subtle-white-focus-outer: rgba(251, 213, 192, 0.6);

  /* Button Colors - Tertiary Variant (solid plum tertiary, white icon, for dark backgrounds) */
  --btn-tertiary-bg: var(--color-bg-brand-tertiary);
  --btn-tertiary-border: var(--color-bg-brand-tertiary);
  --btn-tertiary-bg-hover: var(--color-plum-400);
  --btn-tertiary-bg-active: var(--color-bg-brand-tertiary);
  --btn-tertiary-border-hover: var(--color-plum-400);
  --btn-tertiary-text: var(--color-text-brand-on-brand-primary-bg);
  --btn-tertiary-text-hover: var(--color-text-brand-on-brand-primary-bg);
  --btn-tertiary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-tertiary-focus-outer: rgba(114, 60, 87, 0.5);

  /* Button Colors - Outline Variant */
  --btn-outline-bg: transparent;
  --btn-outline-border: var(--color-border-brand-primary);
  --btn-outline-bg-hover: var(--color-bg-brand-primary);
  --btn-outline-bg-active: transparent;
  --btn-outline-border-hover: var(--color-border-brand-primary);
  --btn-outline-text: var(--color-text-brand-primary);
  --btn-outline-text-hover: var(--color-text-brand-on-brand-primary-bg);
  --btn-outline-focus-inner: rgba(255, 255, 255, 0.75);
  --btn-outline-focus-outer: rgba(71, 26, 52, 0.35);

  /* Button Colors - Disabled State */
  --btn-disabled-bg: var(--color-bg-disabled-default);
  --btn-disabled-text: var(--color-text-disabled-on-disabled-bg);
  --btn-disabled-border: var(--color-border-disabled-default);

  /* Round Button - Variants */
  --round-btn-primary-bg: var(--btn-primary-bg);
  --round-btn-primary-bg-hover: var(--btn-primary-bg-hover);
  --round-btn-primary-bg-active: var(--btn-primary-bg-active);
  --round-btn-primary-border: var(--btn-primary-border);
  --round-btn-primary-border-hover: var(--btn-primary-border-hover);
  --round-btn-primary-text: var(--btn-primary-text);
  --round-btn-primary-text-hover: var(--btn-primary-text-hover);
  --round-btn-primary-focus-inner: var(--btn-primary-focus-inner);
  --round-btn-primary-focus-outer: var(--btn-primary-focus-outer);

  --round-btn-primary-light-bg: var(--btn-primary-light-bg);
  --round-btn-primary-light-bg-hover: var(--btn-primary-light-bg-hover);
  --round-btn-primary-light-bg-active: var(--btn-primary-light-bg-active);
  --round-btn-primary-light-border: var(--btn-primary-light-border);
  --round-btn-primary-light-border-hover: var(--btn-primary-light-border-hover);
  --round-btn-primary-light-text: var(--btn-primary-light-text);
  --round-btn-primary-light-text-hover: var(--btn-primary-light-text-hover);
  --round-btn-primary-light-focus-inner: var(--btn-primary-light-focus-inner);
  --round-btn-primary-light-focus-outer: var(--btn-primary-light-focus-outer);

  --round-btn-secondary-bg: var(--btn-secondary-bg);
  --round-btn-secondary-bg-hover: var(--btn-secondary-bg-hover);
  --round-btn-secondary-bg-active: var(--btn-secondary-bg-active);
  --round-btn-secondary-border: var(--btn-secondary-border);
  --round-btn-secondary-border-hover: var(--btn-secondary-border-hover);
  --round-btn-secondary-text: var(--btn-secondary-text);
  --round-btn-secondary-text-hover: var(--btn-secondary-text-hover);
  --round-btn-secondary-focus-inner: var(--btn-secondary-focus-inner);
  --round-btn-secondary-focus-outer: var(--btn-secondary-focus-outer);

  --round-btn-info-bg: var(--btn-info-bg);
  --round-btn-info-bg-hover: var(--btn-info-bg-hover);
  --round-btn-info-bg-active: var(--btn-info-bg-active);
  --round-btn-info-border: var(--btn-info-border, var(--btn-info-bg));
  --round-btn-info-border-hover: var(--btn-info-border-hover);
  --round-btn-info-text: var(--btn-info-text);
  --round-btn-info-text-hover: var(--btn-info-text-hover);
  --round-btn-info-focus-inner: var(--btn-info-focus-inner);
  --round-btn-info-focus-outer: var(--btn-info-focus-outer);

  --round-btn-subtle-bg: var(--btn-subtle-bg);
  --round-btn-subtle-bg-hover: var(--btn-subtle-bg-hover);
  --round-btn-subtle-bg-active: var(--btn-subtle-bg-active);
  --round-btn-subtle-border: var(--btn-subtle-border);
  --round-btn-subtle-border-hover: var(--btn-subtle-border-hover);
  --round-btn-subtle-text: var(--btn-subtle-text);
  --round-btn-subtle-text-hover: var(--btn-subtle-text-hover);
  --round-btn-subtle-focus-inner: var(--btn-subtle-focus-inner);
  --round-btn-subtle-focus-outer: var(--btn-subtle-focus-outer);

  --round-btn-tertiary-bg: var(--btn-tertiary-bg);
  --round-btn-tertiary-bg-hover: var(--btn-tertiary-bg-hover);
  --round-btn-tertiary-bg-active: var(--btn-tertiary-bg-active);
  --round-btn-tertiary-border: var(--btn-tertiary-border);
  --round-btn-tertiary-border-hover: var(--btn-tertiary-border-hover);
  --round-btn-tertiary-text: var(--btn-tertiary-text);
  --round-btn-tertiary-text-hover: var(--btn-tertiary-text-hover);
  --round-btn-tertiary-focus-inner: var(--btn-tertiary-focus-inner);
  --round-btn-tertiary-focus-outer: var(--btn-tertiary-focus-outer);

  /* Round Button - Sizes */
  --round-btn-size-small: 36px;
  --round-btn-size-medium: 44px;
  --round-btn-icon-size-small: var(--sizing-20);
  --round-btn-icon-size-medium: var(--sizing-20);

  /* Round Button - Disabled State */
  --round-btn-disabled-bg: var(--btn-disabled-bg);
  --round-btn-disabled-border: var(--btn-disabled-bg);
  --round-btn-disabled-text: var(--btn-disabled-text);
  --round-btn-subtle-disabled-bg: transparent;
  --round-btn-subtle-disabled-border: transparent;

  /* Slider Button */
  --slider-btn-default-bg: var(--color-bg-neutral-support);
  --slider-btn-default-border: var(--color-border-neutral-support);
  --slider-btn-default-icon: var(--color-icon-link-default);
  --slider-btn-default-bg-hover: var(--color-bg-highlight-highlight-1);
  --slider-btn-default-border-hover: var(--color-border-highlight-highlight-1);
  --slider-btn-default-icon-hover: var(--color-icon-highlight-on-highlight-1-bg);
  --slider-btn-default-bg-disabled: var(--color-bg-disabled-default);
  --slider-btn-default-border-disabled: var(--color-border-disabled-default);
  --slider-btn-default-icon-disabled: var(--color-icon-disabled-on-disabled-bg);
  --slider-btn-default-focus-inner: rgba(255, 255, 255, 0.7);
  --slider-btn-default-focus-outer: rgba(71, 26, 52, 0.35);
  --slider-btn-size-medium: 48px;
  --slider-btn-size-large: 56px;
  --slider-btn-size-xlarge: 68px;
  --slider-btn-icon-size-medium: var(--sizing-24);
  --slider-btn-icon-size-large: var(--sizing-24);
  --slider-btn-icon-size-xlarge: var(--sizing-28);

  /* Bubble Button - Variants */
  --bubble-btn-primary-bg: var(--btn-primary-bg);
  --bubble-btn-primary-bg-hover: var(--btn-primary-bg-hover);
  --bubble-btn-primary-bg-active: var(--btn-primary-bg-active);
  --bubble-btn-primary-text: var(--btn-primary-text);
  --bubble-btn-primary-text-hover: var(--btn-primary-text-hover);
  --bubble-btn-primary-focus-inner: var(--btn-primary-focus-inner);
  --bubble-btn-primary-focus-outer: var(--btn-primary-focus-outer);

  --bubble-btn-primary-light-bg: var(--btn-primary-light-bg);
  --bubble-btn-primary-light-bg-hover: var(--btn-primary-light-bg-hover);
  --bubble-btn-primary-light-bg-active: var(--btn-primary-light-bg-active);
  --bubble-btn-primary-light-text: var(--btn-primary-light-text);
  --bubble-btn-primary-light-text-hover: var(--btn-primary-light-text-hover);
  --bubble-btn-primary-light-focus-inner: var(--btn-primary-light-focus-inner);
  --bubble-btn-primary-light-focus-outer: var(--btn-primary-light-focus-outer);

  --bubble-btn-secondary-bg: var(--btn-secondary-bg);
  --bubble-btn-secondary-bg-hover: var(--btn-secondary-bg-hover);
  --bubble-btn-secondary-bg-active: var(--btn-secondary-bg-active);
  --bubble-btn-secondary-text: var(--btn-secondary-text);
  --bubble-btn-secondary-text-hover: var(--btn-secondary-text-hover);
  --bubble-btn-secondary-focus-inner: var(--btn-secondary-focus-inner);
  --bubble-btn-secondary-focus-outer: var(--btn-secondary-focus-outer);

  /* Bubble Button - Sizes */
  --bubble-btn-size-small: var(--btn-small-height);
  --bubble-btn-size-medium: var(--btn-medium-height);
  --bubble-btn-size-large: var(--btn-large-height);
  --bubble-btn-padding-x-small: var(--btn-small-padding-x);
  --bubble-btn-padding-x-medium: var(--btn-medium-padding-x);
  --bubble-btn-padding-x-large: var(--btn-large-padding-x);
  --bubble-btn-bubble-size-small: var(--btn-small-bubble-size);
  --bubble-btn-bubble-size-medium: var(--btn-medium-bubble-size);
  --bubble-btn-bubble-size-large: var(--btn-large-bubble-size);

  /* Underline Button - Primary */
  --underline-btn-primary-text: var(--color-text-link-default);
  --underline-btn-primary-icon: var(--color-icon-link-default);
  --underline-btn-primary-border: var(--color-border-brand-primary);
  --underline-btn-primary-text-hover: var(--color-text-link-default);
  --underline-btn-primary-icon-hover: var(--color-icon-link-default);
  --underline-btn-primary-border-hover: var(--color-border-highlight-highlight-4);
  --underline-btn-primary-focus-ring: rgba(71, 26, 52, 0.35);

  /* Underline Button - White */
  --underline-btn-white-text: var(--color-text-default-default-light);
  --underline-btn-white-icon: var(--color-text-default-default-light);
  --underline-btn-white-border: var(--color-border-highlight-highlight-2);
  --underline-btn-white-text-hover: var(--color-text-link-default-light-hover);
  --underline-btn-white-icon-hover: var(--color-text-link-default-light-hover);
  --underline-btn-white-border-hover: var(--color-border-highlight-highlight-2);
  --underline-btn-white-focus-ring: rgba(209, 227, 206, 0.6);

  /* Button Danger - Primary */
  --btn-danger-primary-bg: var(--color-bg-danger-default);
  --btn-danger-primary-bg-hover: var(--color-bg-danger-default-hover);
  --btn-danger-primary-bg-active: var(--color-bg-danger-default);
  --btn-danger-primary-border: var(--color-border-danger-default);
  --btn-danger-primary-border-hover: var(--color-border-danger-default-hover);
  --btn-danger-primary-text: var(--color-text-danger-on-danger);
  --btn-danger-primary-text-hover: var(--color-text-danger-on-danger);
  --btn-danger-primary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-danger-primary-focus-outer: rgba(213, 52, 36, 0.35);

  /* Button Danger - Secondary */
  --btn-danger-secondary-bg: var(--color-bg-default-default);
  --btn-danger-secondary-bg-hover: var(--color-bg-danger-subtle);
  --btn-danger-secondary-bg-active: var(--color-bg-default-default);
  --btn-danger-secondary-border: var(--color-border-surface-light-surface-1);
  --btn-danger-secondary-border-hover: var(--color-border-danger-subtle);
  --btn-danger-secondary-text: var(--color-text-danger-default);
  --btn-danger-secondary-text-hover: var(--color-text-danger-on-danger-subtle-bg);
  --btn-danger-secondary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-danger-secondary-focus-outer: rgba(213, 52, 36, 0.25);

  /* Button Danger - Subtle */
  --btn-danger-subtle-bg: transparent;
  --btn-danger-subtle-bg-hover: transparent;
  --btn-danger-subtle-bg-active: transparent;
  --btn-danger-subtle-border: transparent;
  --btn-danger-subtle-border-hover: transparent;
  --btn-danger-subtle-text: var(--color-text-danger-default);
  --btn-danger-subtle-text-hover: var(--color-text-danger-default);
  --btn-danger-subtle-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-danger-subtle-focus-outer: rgba(213, 52, 36, 0.2);

  /* Button Sizes - Small */
  --btn-small-height: 36px;
  --btn-small-padding-x: 20px;
  --btn-small-padding-y: 8px;
  --btn-small-font-size: 16px;
  --btn-small-border-radius: 6px;
  --btn-small-bubble-size: 36px;

  /* Button Sizes - Medium (Default) */
  --btn-medium-height: 44px;
  --btn-medium-padding-x: 20px;
  --btn-medium-padding-y: 12px;
  --btn-medium-font-size: 16px;
  --btn-medium-border-radius: 8px;
  --btn-medium-bubble-size: 44px;

  /* Button Sizes - Large */
  --btn-large-height: 52px;
  --btn-large-padding-x: 32px;
  --btn-large-padding-y: 16px;
  --btn-large-font-size: 16px;
  --btn-large-border-radius: 10px;
  --btn-large-bubble-size: 52px;

  /* Search Input */
  --search-input-max-width: 406px;
  --search-input-height-small: 52px;
  --search-input-height-medium: 60px;
  --search-input-height-large: 68px;
  --search-input-button-size-small: 36px;
  --search-input-button-size-medium: 44px;
  --search-input-button-size-large: 52px;
  --search-input-padding-left-small: var(--spacing-24);
  --search-input-padding-left-medium: var(--spacing-32);
  --search-input-padding-left-large: var(--spacing-40);
  --search-input-padding-right-small: var(--spacing-8);
  --search-input-padding-right-medium: var(--spacing-12);
  --search-input-padding-right-large: var(--spacing-16);
  --search-input-padding-y-small: var(--spacing-8);
  --search-input-padding-y-medium: var(--spacing-8);
  --search-input-padding-y-large: var(--spacing-12);

  /* Typography */
  --font-family-base:
    'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, 'Helvetica Neue', sans-serif;
  --font-family-heading: 'Victor Serif', serif;

  /* Typography - Headings Desktop */
  --typo-h1-xlarge: 56px;
  --typo-h1-large: 52px;
  --typo-h1: 48px;
  --typo-h2-xlarge: 52px;
  --typo-h2-large: 40px;
  --typo-h2: 36px;
  --typo-h3: 32px;
  --typo-h4: 28px;
  --typo-h5: 24px;
  --typo-h6: 20px;

  /* Typography - Headings Mobile */
  --typo-h1-xlarge-mobile: 48px;
  --typo-h1-large-mobile: 44px;
  --typo-h1-mobile: 36px;
  --typo-h2-xlarge-mobile: 40px;
  --typo-h2-large-mobile: 36px;
  --typo-h2-mobile: 32px;
  --typo-h3-mobile: 28px;
  --typo-h4-mobile: 24px;
  --typo-h5-mobile: 20px;
  --typo-h6-mobile: 18px;

  /* Typography - Body (Paragraphs) */
  --typo-body-xlarge: 24px;
  --typo-body-large: 20px;
  --typo-body-medium: 16px;
  --typo-body-small: 14px;
  --typo-body-xsmall: 12px;

  /* Typography - Single Line */
  --typo-single-line-xlarge: 24px;
  --typo-single-line-large: 20px;
  --typo-single-line-medium: 16px;
  --typo-single-line-small: 14px;
  --typo-single-line-xsmall: 12px;

  /* Typography - Eyebrow */
  --typo-eyebrow-medium: 20px;
  --typo-eyebrow-small: 16px;
  --typo-eyebrow-single-medium: 20px;
  --typo-eyebrow-single-small: 16px;

  /* Typography - Button */
  --typo-button: 16px;

  /* Typography - Chip */
  --typo-chip: 14px;

  /* Typography - Caption */
  --typo-caption: 10px;

  /* Typography - Label */
  --typo-label-large: 20px;
  --typo-label-medium: 16px;
  --typo-label-small: 14px;

  /* Typography - Stat */
  --typo-stat: 60px;
  --typo-stat-mobile: 48px;
}

* {
  box-sizing: border-box;
}