:root {
  --container-default: 100%;
  --container-padding: clamp(40px, 5vw, 72px); /* 1.39vw ≈ 20px at 1440px */
  --container-narrow: clamp(
    20px,
    9.02777778vw,
    130px
  ); /* 1.39vw ≈ 20px at 1440px */

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-body: #6d6e6e;
  --color-body-rgb: 109, 110, 110;
  --color-ciBlack: #404041;
  --color-ciBlack-rgb: 64, 64, 65;
  --color-body-bg: #ffffff;
  --color-body-bg-rgb: 255, 255, 255;
  --color-gray: #cecece;
  --color-gray-rgb: 206, 206, 206;
  --color-grayBg: #f2f2f2;
  --color-grayBg-rgb: 242, 242, 242;
  --color-border: #c1c1c1;
  --color-border-rgb: 193, 193, 193;
  --color-pink: #dfb5d5;
  --color-pink-rgb: 223, 181, 213;

  --color-error: #ff0000;
  --color-placeholder: inherit;

  --filter-black: brightness(0);
  --filter-white: brightness(0) invert(1);

  /* --font-heading: "Helvetica Neue LT Pro", "DB Airy Std", sans-serif; */
  --font-heading: var(--font-body);
  --font-body: "gill-sans-nova", sans-serif;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi: 600;
  --weight-bold: 700;

  /* Base font-size: 14px = 1rem */
  --font-size-desc: 0.8rem; /* 12px */
  --font-size-btn: 0.8rem; /* 12px */
  --font-size-sub: 1rem; /* 15px */
  --font-size-body: 1rem; /* 15px */
  --font-size-h6: 1.2rem; /* 18px */
  --font-size-h5: 1.3333rem; /* 20px */
  --font-size-h4: 1.4667rem; /* 22px */
  --font-size-h3: 1.6rem; /* 24px */
  --font-size-h2: 2rem; /* 30px */
  --font-size-h1: 4.2667rem; /* 64px */

  --spacing-5xl: 150px;
  --spacing-5xl-minus: -150px;
  --spacing-4xl: 120px;
  --spacing-4xl-minus: -120px;
  --spacing-3xl: 100px;
  --spacing-3xl-minus: -100px;
  --spacing-2xl: 72px;
  --spacing-2xl-minus: -72px;
  --spacing-xl: 64px;
  --spacing-xl-minus: -64px;
  --spacing-2lg: 48px;
  --spacing-2lg-minus: -48px;
  --spacing-lg: 40px;
  --spacing-lg-minus: -40px;
  --spacing-2md: 36px;
  --spacing-2md-minus: -36px;
  --spacing-md: 30px;
  --spacing-md-minus: -30px;
  --spacing-2sm: 24px;
  --spacing-2sm-minus: -24px;
  --spacing-sm: 20px;
  --spacing-sm-minus: -20px;
  --spacing-xs: 16px;
  --spacing-xs-minus: -16px;
  --spacing-2xs: 12px;
  --spacing-2xs-minus: -12px;
  --spacing-3xs: 8px;
  --spacing-3xs-minus: -8px;
  --spacing-4xs: 4px;
  --spacing-4xs-minus: -4px;

  --input-height: 30px;
  --button-height: 28px;
  --opacity: 0.5;
  --header-h: 132px;

  --transition: 0.4s;
  --transition-x2: 0.8s;
  --timing-function: ease-in-out;
}
html {
  font-size: 15px;
}

@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
  :root {
    /* Base font-size: 15px = 1rem */
    --font-size-h6: 1rem;
    --font-size-h5: 1.0667rem; /* 16px */
    --font-size-h4: 1.2rem; /* 18px */
    --font-size-h3: 1.3333rem; /* 20px */
    --font-size-h2: 1.6rem; /* 24px */
    --font-size-h1: 2.1333rem; /* 32px */
  }
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}