/* BotAuto — дизайн-токены. Банковско-корпоративная система. */
:root {
  /* Бренд — корпоративный синий */
  --blue:        #0B4DA2;   /* основной */
  --blue-600:    #083B7E;
  --blue-700:    #052A5C;
  --navy:        #0B2E5B;   /* глубокий фон героя */
  --navy-2:      #08213F;   /* utility-бар / футер */
  --blue-tint:   #EDF3FB;
  --blue-tint-2: #D5E4F6;

  /* Акцент — сдержанное золото (ключевые CTA, печати) */
  --accent:      #E3A130;
  --accent-600:  #C9891F;
  --accent-tint: #FCF3E2;

  /* Нейтральные (холодный стально-синий уклон) */
  --ink:         #152238;
  --ink-2:       #31465F;
  --muted:       #5A6B7F;
  --muted-2:     #8A99AC;
  --line:        #E1E8F1;
  --line-2:      #EEF3F9;
  --bg:          #FFFFFF;
  --bg-alt:      #F4F8FD;
  --bg-deep:     #08213F;

  /* Статусы */
  --green:       #157A46;
  --green-tint:  #E4F1EA;
  --amber:       #B7791F;
  --red:         #C0392B;

  /* Типографика — Inter (корпоративная нейтральность), Manrope для крупных чисел */
  --font-head: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-num:  'Manrope', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Радиусы — строгие, небольшие */
  --r-sm: 6px;
  --r:    8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* Тени — сдержанные */
  --sh-xs: 0 1px 2px rgba(11,46,91,.06);
  --sh-sm: 0 2px 8px rgba(11,46,91,.07);
  --sh:    0 8px 24px rgba(11,46,91,.10);
  --sh-lg: 0 20px 54px rgba(8,33,63,.20);
  --sh-blue: 0 10px 26px rgba(11,77,162,.24);

  /* Прочее */
  --container: 1200px;
  --gap: clamp(16px, 2.6vw, 24px);
  --section-y: clamp(48px, 7vw, 88px);
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  font-family: var(--font-body);
  font-size: 16.5px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: var(--blue); text-decoration: none; }
a:hover { color: var(--blue-600); }
button, input, textarea, select { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-family: var(--font-head); line-height: 1.15; color: var(--navy); font-weight: 800; letter-spacing: -.01em; }
p { color: var(--ink-2); }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; border-radius: 4px; }