/* theme.css — сгенерировано build.py из токенов бренда (docs/brand-tokens.md) */

@font-face {
  font-family: "Archivo";
  src: url("fonts/archivo-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  --ground: #f4f5f7;
  --surface: #e8eaee;
  --ink: #0d1220;
  --ink-soft: #4b5468;
  --accent: #ee4f3a;
  --signal: #ee4f3a;
  --on-accent: #0d1220;
  --font-body: "Archivo", 'Helvetica Neue', Arial, sans-serif;
  --font-display: "Archivo", 'Arial Black', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.5rem;
  --step-3: 2rem;
  --step-4: 2.75rem;
  --step-5: 4.5rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 3rem;
  --space-6: 6rem;
  --space-7: 9rem;
  --radius-base: 2px;
  --duration-base: 160ms;
  --duration-slow: 600ms;
  --easing: cubic-bezier(0.23, 1, 0.32, 1);
}

body {
  background: var(--ground);
  color: var(--ink);
  font-family: var(--font-body);
}

.advantage, .contacts, .menu, .info {
  background: var(--surface);
  color: var(--ink);
}

.preview-badge, footer {
  color: var(--ink-soft);
}

a {
  color: var(--ink);
  text-decoration: underline;
}
a:hover {
  text-decoration-thickness: 3px;
}
a:focus-visible, button:focus-visible, .button:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

.button, button {
  background: var(--accent);
  color: var(--on-accent);
  border: 0;
}
.button:hover, button:hover {
  box-shadow: inset 0 0 0 2px var(--ink);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}