:root {
     /* Шрифты */
    --font-size-default: 24px;
    --font-size-label: 14px;
    --font-size-h1: 56px;
    --font-size-h2: 56px;
    --font-size-h3: var(--font-size-h2);

    /* Тени */
    --box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);

    /* Контейнер */
    --container-width: 1520px;

    /* Цвета */
    --color-border: linear-gradient(135deg, #AB274F 0%, rgba(171, 39, 79, 0.12) 58.26%, rgba(171, 39, 79, 0.72) 100%);
    --color-border-grey: linear-gradient(
      110deg, 
      rgba(255, 255, 255, 0.15) 0%, 
      rgba(255, 255, 255, 0.12) 41.74%, 
      rgba(255, 255, 255, 0.1) 100%
    );
    --color-hover: #40404027;

    --color-icon: #ab274f;
    --color-icon-active: #ab274f;
    --color-accent: #2d2d2d;


    --color-focus: #ab274f;
    --color-link: #5F5F5F;
    --color-link-active: #ab274f;

    --color-red: #f00e06;
    --color-white: #FFF;
    --color-section: #252525;
    --color-default: #9c9c9c;
    --color-default-dark: #7A7A7A;
    --color-black: #1D1D1D;
    --color-green: #20c114;

    --color-background: #1d1d1d;
    --color-footer: #2D2D2D;

    --color-scroll: #ab274f;

    --button-fill: #ab274f;
    --color-hover-option: #40404020;
}

@media (max-width: 1200px) {
  :root {
    --font-size-h2: 50px;
    --font-size-h3: 24px;
}
}


@media (max-width: 990px) {
  :root {
      /* Шрифты */
    --font-size-default: 20px;
    --font-size-label: 13px;
    --font-size-h2: 44px;
    --font-size-h3: 24px;
  }
}

@media (max-width: 530px) {
  :root {
    --font-size-h2: 40px;
  }
}


@media (max-width: 460px) {
  :root {
      /* Шрифты */
    --font-size-default: 18px;
    --font-size-label: 12px;
    --font-size-h2: 36px;
    --font-size-h3: 24px;
  }
}


@media (max-width: 390px) {
  :root {
      /* Шрифты */
    --font-size-h2: 32px;
  }
}

@media (max-width: 350px) {
  :root {
      /* Шрифты */
    --font-size-h2: 28px;
  }
}