:root {
  --color-white: #fff;
  --color-black: #000;
  --color-grey: #4f575e;
  --color-error: red;
  --color-pink: #ff1261;
  --color-light-pink: #ff8fdb;
  --bg-button-hover: #ff8fdb;
  --link-color: #ff1261;
  --link-hover-color: #ff1261;
  --border-color: #dee2e6;
  --background-color: #fff;
  --bg-color-paper: #f2ede8;
  --bg-color-blue: #c7eded;
  --bg-color-light-green: #e6f2ef;
  --bg-color-aqua: #c7eded;
  --bg-color-light-blue: #e5f0fe;
  --bg-color-light-grey: #f1f3f5;
  --bg-color-green: #004733;
  --bg-color-calculator: #004733;
  --bg-color-savingscard: #f2ede8;
  --bg-color-neutral: #f8f9fa;
  --bg-color-light-beige: #f2ede8;
  --bg-color-black: #000;
  --color-active-outline: #6673fb;
  --color-focus-outline: #ffd337;
  --color-disabled: #adb5bd;
  --button-bg-color: #ced4da;
  --notification-text-color: #101213;
  --asterisk-required-color: #ff1261;

  /* font */
  --font-size-xxl: 4rem; /* 64px */
  --font-size-xxl-alt: 3.5rem; /* 56px */
  --font-size-xl: 3rem; /* 48px */
  --font-size-xl-alt: 2.875rem; /* 46px */
  --font-size-lg: 2.5rem; /* 40px */
  --font-size-lg-alt: 2.375rem; /* 38px */
  --font-size-lg-alt-s: 2.25rem; /* 36px */
  --font-size-l-alt: 2rem; /* 32px */
  --font-size-l: 1.5rem; /* 24px */
  --font-size-m: 1.25rem; /* 20px */
  --font-size-s: 1.125rem; /* 18px */
  --font-size-xs: 1rem; /* 16px */
  --font-size-xs-alt: 0.875rem; /* 14px */
  --font-size-xxs: 0.75rem; /* 12px */

  /* Body font */
  --font-family-body: 'Figtree-Regular', 'arial', sans-serif;
  --font-weight-body: 400;
  --font-color-body: var(--color-black);
  --line-height-body: 1.5;

  /* Semibold font */
  --font-family-semibold: 'Figtree-Semibold', 'arial', sans-serif;
  --font-weight-semibold: 600;
  --font-color-semibold: var(--color-black);
  --line-height-semibold: 1.5;

  /* Bold font */
  --font-family-bold: 'Figtree-Bold', 'arial', sans-serif;
  --font-weight-bold: 700; /* Adjust as needed */
  --font-color-bold: var(--color-black);
  --line-height-bold: 1.5;

  /* headings */
  --heading-font-family: 'Figtree-Bold', 'arial', sans-serif;
  --heading-font-weight: 700;
  --heading-color: var(--color-brand-title);
  --heading-line-height: 1.25;

  /* Spacing */
  --spacing-xxxxs: 4px;
  --spacing-xxxs-l: 4px;
  --spacing-xxxs-alt: 6px;
  --spacing-xxxs: 8px;
  --spacing-xxs: 10px;
  --spacing-xxs-l: 12px;
  --spacing-xs-alt: 14px;
  --spacing-xs: 16px;
  --spacing-xs-l: 18px;
  --spacing-xs-m-alt: 19px;
  --spacing-xs-l-alt: 20px;
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-m-l: 35px;
  --spacing-l: 40px;
  --spacing-l-alt: 48px;
  --spacing-l-l: 56px;
  --spacing-xl: 64px;
  --spacing-xl-l: 80px;
  --spacing-xxl: 96px;
  --spacing-xxl-l: 104px;
  --spacing-xxl-l-alt: 122px;
  --spacing-textarea: 128px;
  --spacing-xxl-negative: -96px;
  --spacing-xxxl: 104px;
  --spacing-negative-xxxs-l: -4px;
  --spacing-negative-xxxs: -8px;
  --spacing-negative-xxs: -10px;
  --spacing-negative-xxs-l: -12px;
  --spacing-negative-xs: -16px;
  --spacing-negative-s: -24px;
  --spacing-negative-m-l: -35px;

  /* layout */
  --max-width-button: 192px;
  --max-height-small: 280px;
  --max-height-medium: 400px;
  --max-width-small: 375px;
  --max-width-medium: 768px;
  --max-width-large: 1024px;
  --max-width-xlarge: 1440px;
  --max-width-container: 1232px;
  --max-width-container-small: 400px;
  --max-width-container-medium: 816px;

  /* z-index */
  --z-index: 99;
  --z-index-sticky: 98;

  /* nav */
  --nav-height: 80px;
  --nav-mobile-height: 88px;

  /* box-shadow */
  --box-shadow: 0 2px 4px 0px #0000001a; /* stylelint-disable-line */
  --box-shadow-car-card: 0px 4px 4px 0px #00000040;
}