/* Brand font: Satoshi — approved 2026-07-20, replaces Inter.
   Self-hosted (assets/fonts/), no CDN. Variable file covers weights 300–900;
   static Bold as fallback for browsers without variable-font support. */
@font-face {
  font-family: 'Satoshi';
  src: url('../assets/fonts/Satoshi-Variable.woff2') format('woff2-variations'),
       url('../assets/fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Static';
  src: url('../assets/fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Black 900 — вес всех лого-lockupов (решение 2026-07-21).
   Нужен статикой, иначе без вариативного шрифта лого падает на Bold. */
@font-face {
  font-family: 'Satoshi Static';
  src: url('../assets/fonts/Satoshi-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --c-bg:     #FFFFFF;
  --c-text:   #0A0A0A;
  --c-text-2: #3A3A3A;   /* S18: было #555 — основной текст выглядел вялым */
  --c-text-3: #767676;   /* S18: было #999 — 2.8:1 на белом, мелкие подписи не читались; теперь 4.5:1 */
  --c-blue:   #3A6BD6;
  --c-orange: #FF5A1F;
  --font: 'Satoshi', 'Satoshi Static', 'Inter', system-ui, sans-serif;
  --header-h: 68px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; -webkit-font-smoothing: antialiased; }
/* Плавный переход по якорям (#about из шапки). Отключается для тех,
   кто просил уменьшить анимации в системе. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

body {
  font-family: var(--font);
  background: var(--c-bg);
  color: var(--c-text);
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }

/* Logo dot — always orange, part of the logo. Never recoloured separately. */
.logo-dot { color: var(--c-orange); }
img { display: block; max-width: 100%; }
button { font-family: var(--font); cursor: pointer; border: none; background: none; }

/* S18 — единая шкала: 900 для крупного (display), 700 для меток, кнопок,
   названий и интерфейса, обычное начертание — только абзацы текста. */
.micro {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.09em;
  color: var(--c-text-3);
  text-transform: uppercase;
}