/* Shared by the landing and the admin page; colors are the app's own (src/theme/tokens.ts). */
@font-face {
  font-family: Nunito;
  font-weight: 200 1000;
  font-display: swap;
  src: url('fonts/nunito-cyrillic-wght-normal.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Nunito;
  font-weight: 200 1000;
  font-display: swap;
  src: url('fonts/nunito-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}
:root {
  color-scheme: light dark;
  --bg: #f7f7f8;
  --surface: #ffffff;
  --muted-surface: #efeff2;
  --line: #e2e2e7;
  --fg: #111114;
  --muted: #5f616b;
  --accent: #2563eb;
  --on-accent: #ffffff;
  --ok: #10a36f;
  --warn: #b45309;
  --bad: #dc2626;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b0b0d;
    --surface: #17171a;
    --muted-surface: #222227;
    --line: #2c2c32;
    --fg: #f4f4f6;
    --muted: #a3a5ae;
    --accent: #5b8def;
    --ok: #22b07d;
    --warn: #fbbf24;
    --bad: #f87171;
  }
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font:
    17px/1.5 Nunito,
    -apple-system,
    system-ui,
    sans-serif;
}
main {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 16px 64px;
}
a {
  color: var(--accent);
}
h1,
h2,
h3 {
  line-height: 1.2;
  margin: 0;
}
.button {
  display: inline-block;
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  background: var(--accent);
  color: var(--on-accent);
}
.button.quiet {
  background: var(--muted-surface);
  color: var(--accent);
}
.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 20px;
}
.muted {
  color: var(--muted);
}
.badge {
  display: inline-block;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 700;
  background: var(--muted-surface);
  color: var(--muted);
}