:root {
  /* paddings of touchscreen devices with a notch */
  --safe-area-top: env(safe-area-inset-top);
  --safe-area-right: env(safe-area-inset-right);
  --safe-area-bottom: env(safe-area-inset-bottom);
  --safe-area-left: env(safe-area-inset-left);

  /* Sizes */
  --max-width-value: 1440;
  --max-width: 1440px;
  --max-width-narrow: 770px;
  --font-size-h1-dynamic: clamp(40px, calc(var(--font-size-h1) * 100vw / var(--max-width-value)), 80px);
  --font-size-h2-dynamic: clamp(32px, calc(var(--font-size-h2) * 100vw / var(--max-width-value)), 70px);
  --font-size-h3-dynamic: clamp(28px, calc(var(--font-size-h3) * 100vw / var(--max-width-value)), 65px);
  --font-size-h4-dynamic: clamp(24px, calc(40 * 100vw / var(--max-width-value)), 40px);
  --font-size-h5-dynamic: clamp(20px, calc(24 * 100vw / var(--max-width-value)), 24px);
  --font-size-h6-dynamic: clamp(18px, calc(20 * 100vw / var(--max-width-value)), 20px);
  --header-icon-width: 42px;
  --header-icon-height: 42px;
  --horizontal-padding: 64px;
  --horizontal-padding-mobile: 16px;
  --button-margin-bottom: 16px;
  --date-picker-height-mobile: 68px;

  /* Carousel */
  --thumbnail-size: 92px;
  --title-max-width: 352px;

  /* Colors */
  --color-azureish-white: #D7E2FF;
  --color-begonia: #FF6E6E;
  --color-black: #1A3333;
  --color-black-08: #1A333314;
  --color-green: #51C234;
  --color-red: #C23434;
  --color-red-light: #F5CFCF;
  --color-white: #FFFFFF;
  --color-white-90: #FFFFFFE6;

  /* Border radius */
  --border-radius-circle: 50%;
  --border-radius-none: 0;

  /* Font weights */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Line heights */
  --line-height-xs: 1;
  --line-height-sm: 1.2;
  --line-height-md: 1.3333;
  --line-height-lg: 1.5;
  --line-height-xl: 2;

  /* Transitions */
  --transition-function-linear: linear;
  --transition-function-ease: ease;
  --transition-function-ease-in: ease-in;
  --transition-function-ease-out: ease-out;
  --transition-function-ease-in-out: ease-in-out;
}