/* Шрифт, сброс и типографика. Дальше этого файла базовые правила не лезут:
   всё, что про раскладку и про отдельные элементы, живёт в своих файлах. */

@font-face {
  font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(../assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(../assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(../assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: Inter Variable; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(../assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

* { box-sizing: border-box; }

html { font-size: 15px; }

body {
  margin: 0;
  min-height: 100vh;
  background: rgb(var(--canvas));
  color: rgb(var(--ink));
  font-family: Inter Variable, Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

h1, h2, h3, h4 { margin: 0; font-weight: 650; letter-spacing: -.02em; line-height: 1.25; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.15rem; }
h3 { font-size: 1rem; }
p { margin: 0; }

a { color: rgb(var(--brand-700)); text-decoration: none; }
a:hover { text-decoration: underline; }

button, input, select, textarea { font: inherit; color: inherit; }

::placeholder { color: rgb(var(--faint)); }

:focus-visible { outline: 2px solid rgb(var(--brand-400)); outline-offset: 2px; }

.muted { color: rgb(var(--muted)); }
.faint { color: rgb(var(--faint)); }
.small { font-size: .82rem; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .85em; }
.hidden { display: none !important; }
