/* tokens.css — единая палитра и база */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap");

:root {
  --navy: #002147;
  --brown: #4a3b32;
  --steel: #708090;
  --accent: #ff4500;
  --ink: #002147;
  --ink-2: #1c3a5e;
  --muted: #5a6672;
  --faint: #8b95a0;
  --paper: #f4f6f8;
  --surface: #ffffff;
  --border: #e1e6eb;
  --border-soft: #ebeef1;
  --accent-ink: #4a3b32;
  --accent-soft: #ffe9dc;
  --good: #1e8e5a;
  --good-soft: #e4f5ec;
  --closed: #8c3b2e;
  --closed-soft: #f3e7e3;
  --wa: #25d366;
  --tg: #2aabee;
  --vb: #7360f2;
  --vk: #0077ff;
  --ok: #ee8208;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-card: 0 1px 2px rgba(0, 33, 71, 0.05),
    0 12px 32px -16px rgba(0, 33, 71, 0.16);
  --shadow-pop: 0 8px 24px -8px rgba(0, 33, 71, 0.3);
  --font-ui: "DM Sans", system-ui, sans-serif;
  --font-display: "Manrope", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }
}
h1,
h2,
h3,
.font-display {
  font-family: var(--font-display);
}
.mono {
  font-family: var(--font-mono);
  color: var(--brown);
}
button {
  font-family: inherit;
}
a {
  color: inherit;
}
:focus-visible {
  outline: 2.5px solid var(--accent);
  outline-offset: 2px;
  border-radius: 6px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}