/* ######################################### */
/* #  CSS переменные для гибкой настройки  # */
/* ######################################### */
:root {
  --container-width: 1520px;

  /* Типографика */
  /* Главный шрифт */
  --font-family: "Manrope";

  /* Стили для заголовков h1 */
  --font-size-h1: 42px;
  --font-weight-h1: 600;

  /* Стили для заголовков h2 */
  --font-size-h2: 36px;
  --font-weight-h2: 600;

  /* Стандартный шрифт для всех элементов */
  --font-size-body: 16px;
  --font-weight-body: 400;

  /* Main text Menu */
  --font-size-main-text-menu: 14px;
  --font-weight-main-text-menu: 600;

  /* Add text Menu */
  --font-size-add-text-menu: 12px;
  --font-weight-add-text-menu: 400;

  /* Navigation text Menu */
  --font-size-navigation-text-menu: 14px;
  --font-weight-navigation-text-menu: 400;

  /* Button text */
  --font-size-button-text: 18px;
  --font-weight-button-text: 600;

  /* H1 text Detail Card */
  --font-size-detail-card: 24px;
  --font-weight-detail-card: 600;

  /* Tab text Detail Card */
  --font-size-text-detail-card: 20px;
  --font-weight-text-detail-card: 500;

  /* Price text Detail Card */
  --font-size-price-detail-card: 36px;
  --font-weight-price-detail-card: 700;

  /* Цвета */

  --button-bordered-border-color: #bfbfbf;

  /* Цвета бренда */
  --brand-blue: #034ea2;
  --brand-orange: #f37021;

  /* Фоновые цвета */
  --background-light: #ffffff;
  --background-regular: #f4f6f9;
  --background-medium: #e9ecef;
  --background-bold: #d0d3d6;

  /* Цвета шрифтов */
  --font-color-main: #000000;
  --font-color-white: #ffffff;
  --font-color-grey: #7c7c7c;
  --font-color-accent-blue: #034ea2;
  --font-color-accent-orange: #f37021;

  /* Дополнительные цвета */
  --additional-color-1: rgba(255, 219, 1, 0.5);
  --additional-color-2: rgba(253, 198, 8, 0.5);
  --additional-color-3: rgba(251, 179, 13, 0.5);
  --additional-color-4: rgba(249, 162, 18, 0.5);
  --additional-color-5: rgba(246, 139, 25, 0.5);

  /* Дополнительные настройки */
  --border-radius: 5px;
  --element-min-height: 42px;
  --transition: all 0.2s ease-in-out;
  --box-shadow: 0 0 15px 2px rgba(3, 78, 162, 0.12);
  --overlay-background: rgba(3, 78, 162, 0.05);
  --overlay-backdrop-filter: blur(3px);

  --container-margin-top: 40px;
  --container-margin-bottom: 40px;
  --container-margin-bottom-large: 90px;

  --error-color: #e8330a;
}