/* Дизайн-токены приложения «Первый Код» — значения взяты из макета (канвас Android App). */

/* Шрифты лежат в приложении (работают без интернета). Manrope — текст, JetBrains Mono — код. */
@font-face {
  font-family: "Manrope";
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/manrope-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: "Manrope";
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 100 800;
  font-display: swap;
  src: url("../assets/fonts/jetbrains-mono-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: "JetBrains Mono";
  font-weight: 100 800;
  font-display: swap;
  src: url("../assets/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* поверхности */
  --bg: #14161b;
  --card: #1d2027;
  --card-2: #191b21;       /* редактор кода */
  --border: #262a33;
  --surface: #262a33;      /* второй уровень: чипы, кнопки-иконки в карточках */
  --dot: #33373f;

  /* текст */
  --text: #f5f3ef;
  --text-2: #e7e5e1;
  --text-3: #b7bbc4;
  --muted: #9aa0ac;
  --dim: #7a808b;
  --faint: #5b616c;
  --faint-2: #4a4f59;

  /* акцент и статусные цвета */
  --accent: #ff8a3d;
  --accent-text: #ffb37a;
  --accent-soft: rgba(255, 138, 61, 0.15);
  --accent-line: rgba(255, 138, 61, 0.35);
  --green: #5fd98a;
  --green-text: #8fe3a6;
  --green-soft: rgba(95, 217, 138, 0.1);
  --green-line: rgba(95, 217, 138, 0.35);
  --blue: #7cc7ff;
  --blue-soft: rgba(124, 199, 255, 0.15);
  --red: #ff6b7a;
  --red-soft: rgba(255, 107, 122, 0.12);
  --red-line: rgba(255, 107, 122, 0.4);
  --yellow: #ffc44d;
  --yellow-soft: rgba(255, 193, 7, 0.08);
  --yellow-line: rgba(255, 193, 7, 0.3);

  /* подсветка кода */
  --code-keyword: #7ca6ff;
  --code-string: #8fe3a6;
  --code-number: #ffb37a;
  --code-func: #7edca5;
  --code-comment: #5b616c;
  --code-text: #e7e5e1;

  --radius-card: 14px;
  --radius-btn: 14px;

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* отступы под системные панели (статус-бар сверху, жест-навигация снизу) */
  /* Android WebView отдаёт отступы через переменные Capacitor (SystemBars), обычные браузеры — через env() */
  --sat: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --sab: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
}