/* ============================================================
   Дизайн-токены лендинга «Честное слово» (авто под выкуп, Калининград)
   Источник правды: логотип (тёмная база, оранж+синий, металл/рукопожатие)
   + правила ui-ux-pro-max (Dark-OLED, контраст ≥4.5:1, текст на оранже — тёмный)
   ============================================================ */
:root{
  /* ── Фон / поверхности (Dark-OLED) ── */
  --bg:        #161411;   /* база — тёплый графит (уход от AI-дефолтного near-black) */
  --bg-1:      #1E1B17;   /* панель/секция */
  --bg-2:      #25211C;   /* карточка */
  --bg-3:      #2E2922;   /* hover/raised */
  --line:      #322D27;   /* хэйрлайн/бордер */
  --line-2:    #443D34;   /* акцентный бордер */

  /* ── Бренд-акценты (из лого) ── */
  --orange:    #E8731C;   /* primary (левая рука) — ~5.8:1 на --bg */
  --orange-600:#C8511A;
  --orange-400:#F79A45;
  --blue:      #1C9FE0;   /* secondary (правая рука) — ~6.5:1 на --bg */
  --blue-600:  #1577C2;
  --blue-400:  #4FB6EA;

  /* ── Текст ── */
  --text:      #F2F2F2;   /* заголовки (~13:1) */
  --text-body: #C9C9C9;   /* основной (~9:1) */
  --text-muted:#8A8A8A;   /* приглушённый (~4.6:1 — только крупное/вторичное) */
  --on-accent: #0E0E0E;   /* ТЁМНЫЙ текст на оранжевой кнопке (контраст!) */

  /* ── Градиенты / свечение (рукопожатие = оранж→синий) ── */
  --grad-brand: linear-gradient(100deg, var(--orange), var(--blue));
  --grad-orange: linear-gradient(180deg, var(--orange-400), var(--orange-600));
  /* сдержанная направленная тень вместо неонового свечения — премиальнее */
  --glow-orange: 0 14px 36px -14px rgba(232,115,28,.55);
  --glow-blue:   0 14px 36px -14px rgba(28,159,224,.5);
  /* брашед-метал текстура фона (накладывать на --bg) */
  --metal:
    radial-gradient(120% 80% at 50% -10%, rgba(28,159,224,.06), transparent 60%),
    radial-gradient(120% 80% at 50% 112%, rgba(232,115,28,.06), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.006) 0 1px, transparent 1px 8px);

  /* ── Типографика ── */
  --font-head: 'Oswald','PT Sans Narrow',system-ui,sans-serif;
  --font-body: 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono: 'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

  --fs-hero: clamp(1.35rem, 1rem + 0.95vw, 1.7rem);   /* H1 — компактный, одна строка; даёт место картинке */
  --fs-h2:   clamp(1.5rem, 1.1rem + 1.8vw, 2.2rem);   /* секц. заголовки — сдержаннее (frontend-design) */
  --fs-h3:   clamp(1.2rem, 2.4vw, 1.6rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.375rem);
  --fs-body: 1.0625rem;                     /* 17px */
  --fs-sm:   0.9375rem;                      /* 15px */
  --fs-cap:  0.8125rem;                      /* 13px, mono/надзаголовки */
  --lh-tight: 1.08;
  --lh-head:  1.16;
  --lh-body:  1.6;
  --tracking-cap: .14em;   /* разрядка надзаголовков (как «КАЛИНИНГРАД» в лого) */

  /* ── Сетка / отступы (8px) ── */
  --container: 1200px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --section-y: clamp(3.5rem, 8vw, 7rem);
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-8:3rem; --sp-10:4rem;

  --radius:   14px;
  --radius-lg:22px;
  --radius-pill:999px;

  --shadow-card: 0 1px 0 rgba(255,255,255,.03) inset, 0 18px 40px -24px rgba(0,0,0,.8);

  /* ── Движение (ui-ux-pro-max: ease-out, 150–300ms) ── */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur:  220ms;

  /* ── z-index шкала ── */
  --z-base:1; --z-raised:10; --z-sticky:20; --z-overlay:30; --z-modal:50;
}

/* Уважаем системную настройку «меньше движения» */
@media (prefers-reduced-motion: reduce){
  :root{ --dur: 1ms; }
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}