/* ==========================================================================
   ТЕМА САЙТА — АвтоДосье
   --------------------------------------------------------------------------
   Это ЕДИНСТВЕННЫЙ файл, который меняется при переносе дизайна на другой сайт.
   ui-kit.css трогать не нужно: он целиком построен на переменных отсюда.

   Палитра — родная, с сайта. Ничего не выдумано:
     #2A2A36  тёмно-синий, база бренда
     #E84B37  красный   — действие и риск
     #C59368  бронза    — фирменный акцент, выделения, иконки
     #3BB698  зелёный   — «чисто», всё в порядке
     #3290FF  синий     — ссылки и нейтральные данные
   ========================================================================== */

/* --- Шрифт ---------------------------------------------------------------- */
@font-face { font-family: GolosText; font-weight: 400; font-style: normal; src: url(../fonts/GolosText-400.woff) format('woff'); font-display: swap; }
@font-face { font-family: GolosText; font-weight: 500; font-style: normal; src: url(../fonts/GolosText-500.woff) format('woff'); font-display: swap; }
@font-face { font-family: GolosText; font-weight: 600; font-style: normal; src: url(../fonts/GolosText-600.woff) format('woff'); font-display: swap; }
@font-face { font-family: GolosText; font-weight: 700; font-style: normal; src: url(../fonts/GolosText-700.woff) format('woff'); font-display: swap; }
@font-face { font-family: GolosText; font-weight: 800; font-style: normal; src: url(../fonts/GolosText-800.woff) format('woff'); font-display: swap; }

:root {

  /* --- Фирменный тёмно-синий (#2A2A36 — родной цвет бренда) --------------- */
  --brand-900: #1C1C26;
  --brand-800: #23232F;
  --brand-700: #2A2A36;   /* исходный цвет бренда */
  --brand-600: #35353F;
  --brand-500: #45454F;
  --brand-400: #5A5A66;

  /* --- Красный: действие и риск ------------------------------------------ */
  --accent-700: #B8331F;
  --accent-600: #D23B28;
  --accent-500: #E84B37;
  --accent-400: #F16A57;
  --accent-300: #F79486;
  --accent-100: #FDEAE7;
  --accent-rgb: 232, 75, 55;

  /* --- Бронза: фирменный акцент, выделения, иконки ------------------------ */
  --gold-600: #A8764B;
  --gold-500: #C59368;
  --gold-400: #D7AC8A;
  --gold-300: #E5C6AD;
  --gold-100: #F7EDE3;
  --gold-rgb: 197, 147, 104;

  /* --- Статусы ----------------------------------------------------------- */
  --ok-600: #2E9A80;
  --ok-500: #3BB698;
  --ok-100: #E4F6F1;
  --ok-rgb: 59, 182, 152;

  --warn-500: #E8A33C;
  --warn-100: #FCF2E1;
  --warn-rgb: 232, 163, 60;

  --danger-500: #E84B37;
  --danger-100: #FDEAE7;

  --info-500: #3290FF;
  --info-100: #E6F0FF;
  --info-rgb: 50, 144, 255;

  /* --- Поверхности ------------------------------------------------------- */
  --bg: #F5F6F9;
  --surface: #FFFFFF;
  --surface-2: #FAFBFC;
  --surface-3: #EFF1F5;
  --line: #E4E7EE;
  --line-strong: #D2D7E1;

  /* --- Текст ------------------------------------------------------------- */
  --text: #2A2A36;
  --text-2: #565662;
  --text-3: #85858F;
  --text-on-brand: #FFFFFF;
  --text-on-brand-2: rgba(255, 255, 255, .74);
  --text-on-brand-3: rgba(255, 255, 255, .5);

  /* --- Скругления -------------------------------------------------------- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-2xl: 44px;
  --r-pill: 999px;

  /* --- Тени -------------------------------------------------------------- */
  --sh-1: 0 1px 2px rgba(42, 42, 54, .04), 0 2px 6px rgba(42, 42, 54, .04);
  --sh-2: 0 2px 4px rgba(42, 42, 54, .04), 0 8px 24px rgba(42, 42, 54, .07);
  --sh-3: 0 8px 16px rgba(42, 42, 54, .06), 0 24px 56px rgba(42, 42, 54, .13);
  --sh-accent: 0 8px 28px rgba(var(--accent-rgb), .32);
  --sh-inset-line: inset 0 0 0 1px var(--line);

  /* --- Типографика -------------------------------------------------------
     Крупная, как на текущем сайте: заголовки там 60px / 800.              */
  --font: GolosText, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-display: clamp(40px, 2rem + 3.4vw, 76px);
  --fs-h1: clamp(34px, 1.7rem + 2.6vw, 60px);
  --fs-h2: clamp(30px, 1.5rem + 2.3vw, 56px);
  --fs-h3: clamp(20px, 1.15rem + .6vw, 27px);
  --fs-lead: clamp(17px, 1.02rem + .45vw, 21px);
  --fs-body: 17px;
  --fs-sm: 15px;
  --fs-xs: 13px;
  --lh-tight: 1.04;
  --lh-head: 1.1;
  --lh-body: 1.6;

  /* --- Сетка и плотность ------------------------------------------------- */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 32px);
  --density: 1;                       /* 0.85 плотнее · 1.15 просторнее */
  --gap-xs: calc(8px  * var(--density));
  --gap-sm: calc(14px * var(--density));
  --gap-md: calc(24px * var(--density));
  --gap-lg: calc(40px * var(--density));
  --gap-xl: calc(64px * var(--density));
  --section-pad: calc(clamp(60px, 6.5vw, 116px) * var(--density));

  /* --- Анимация ---------------------------------------------------------- */
  --dur-1: .16s;
  --dur-2: .3s;
  --dur-3: .6s;
  --dur-4: .9s;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-back: cubic-bezier(.34, 1.4, .64, 1);

  /* --- Логотип ----------------------------------------------------------- */
  /* Логотип АвтоДосье — белый PNG, на светлой шапке его надо инвертировать.
     Если у сайта цветной логотип — поставь 0. */
  --logo-invert-on-light: 1;

  /* --- Шапка ------------------------------------------------------------- */
  --header-h: 80px;
  --header-h-mob: 64px;
}