:root {
  /* Colors - Palette */
  --primary-brand-1: #343A40;
  --primary-brand-2: #121416;
  --primary-light-1: #FFFFFF;
  --primary-light-2: #F5F5F6;
  --primary-light-3: #E2E3E4;
  --primary-dark-1: #030303;
  --primary-dark-2: #3B3D3F;
  --primary-dark-3: #545658;
  --secondary-brand-1: #018482;
  --secondary-brand-2: #018482;
  --secondary-light-1: #FAFDFD;
  --secondary-light-2: #F2FAF8;
  --secondary-light-3: #DCECE8;
  --secondary-dark-1: #017977;
  --secondary-dark-2: #005755;
  --secondary-dark-3: #004742;

  /* Typography */
  --font-family-heading: "Roboto", sans-serif;
  --font-family-body: "Roboto", sans-serif;
  
  --title-size-1: clamp(3rem, 2.6151rem + 1.7105vw, 3.8125rem);
  --title-size-2: clamp(2.5rem, 2.2336rem + 1.1842vw, 3.0625rem);
  --title-size-3: clamp(2.0625rem, 1.8849rem + 0.7895vw, 2.4375rem);
  --title-size-4: clamp(1.75rem, 1.6612rem + 0.3947vw, 1.9375rem);
  --title-size-5: clamp(1.4375rem, 1.3783rem + 0.2632vw, 1.5625rem);
  --title-size-6: clamp(1.1875rem, 1.1579rem + 0.1316vw, 1.25rem);
  --sub-title: 0.875rem;
  
  --body-size-l: 1.125rem;
  --body-size-m: 1rem;
  --body-size-s: 0.875rem;

  --button-radius: 8px;
}