/* Палитра и шрифты концепции «Библиотека». Шрифты — локально (OFL), без Google Fonts. */

@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope-cyrillic-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  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: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-cyrillic-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
  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 {
  --bg: #0d0c14; --rail: #121119; --surface: #171620; --surface-2: #1d1b29;
  --line: #24222f; --line-2: #2e2b3d; --active: #26243a;
  --text: #ecebf3; --text-2: #c9c7d6; --muted: #9b98ad;
  --accent: #3cc8b4; --cta: #7a5cf0; --cta-hover: #6a4ce0;

  /* рамки карточек и кнопок в прототипе — #26243a (тот же цвет, что --active) */
  --border: #26243a;
  --danger: #f07a7a;
  --accent-soft: rgba(60, 200, 180, 0.12);

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --radius: 12px;
  --radius-sm: 8px;
  --rail-w: 68px;
  --bottom-bar-h: 64px;
  --tap: 40px;          /* минимальный размер кнопки */
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.45);

  color-scheme: dark;
}