/* Дизайн-токены: чтобы перекрасить приложение, достаточно поменять значения здесь. */

@font-face {
  font-family: "Inter Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url("/fonts/inter-cyrillic-wght-normal.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("/fonts/inter-latin-wght-normal.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: "Oswald Variable"; font-style: normal; font-display: swap; font-weight: 200 700;
  src: url("/fonts/oswald-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Oswald Variable"; font-style: normal; font-display: swap; font-weight: 200 700;
  src: url("/fonts/oswald-latin-wght-normal.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;
}

:root {
  color-scheme: dark;

  --bg: #0a0a0b;
  --bg-soft: #101012;
  --surface: #161618;
  --surface-hi: #1f1f22;
  --line: rgba(255, 255, 255, .09);
  --line-gold: rgba(226, 184, 92, .30);

  --text: #f5f2ea;
  --muted: #a8a397;
  --faint: #77736a;

  --gold: #e2b85c;
  --gold-hi: #f7dc9b;
  --gold-lo: #b98a2e;
  --on-gold: #1b1405;
  --gold-grad: linear-gradient(135deg, #fbe7ad 0%, #e2b85c 55%, #cc9d3e 100%);

  --danger: #ff8a80;
  --ok: #7bd88f;

  --r-xl: 28px;
  --r-lg: 22px;
  --r-md: 16px;
  --r-sm: 12px;

  --font-display: "Oswald Variable", Oswald, "Arial Narrow", Impact, sans-serif;
  --font-body: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --gutter: 16px;
  --page-max: 560px;
  --tabbar-h: 68px;
}