/* CoinKeys — токены оформления. Решения записаны в design/FORWARD.md.
   «Стикеры» (Y2K): всё как наклейки — толстый контур, жёсткая тень без размытия,
   яркие заливки вокруг золотой монеты. Светлая тема главная, тёмная — ночная
   версия с теми же наклейками. Текст на заливках всегда чернильный #141414. */

/* Unbounded — заголовки и названия разделов, Onest — текст (обе SIL OFL 1.1,
   fonts/OFL-Unbounded.txt и fonts/OFL-Onest.txt). Вариабельные, кириллица и латиница
   отдельными файлами. Свои файлы, без CDN. */
@font-face {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/static/b/fonts/unbounded-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/static/b/fonts/unbounded-latin.woff2") format("woff2");
  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: Onest;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/b/fonts/onest-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Onest;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/b/fonts/onest-latin.woff2") format("woff2");
  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 {
  --font-sans: Onest, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: Unbounded, var(--font-sans);

  /* Скругления: поля 16, карточки и плитки 22, первый экран 0 (он без подложки),
     обложки 14. Кнопки, чипы и поиск — пилюли (brand.css). */
  --radius-control: 16px;
  --radius-panel: 22px;
  --radius-hero: 0;
  --radius-cover: 14px;
  /* Рейку CoinKeys не использует (chrome = top): раскладка шапки у него верхняя. */
  --rail-width: 240px;

  /* ease-out-quint: наклейка быстро поднимается и мягко встаёт, без отскока. */
  --ease-out: cubic-bezier(.22, 1, .36, 1);

  /* Первый экран без своей подложки: он лежит на фоне страницы, как лист со стикерами. */
  --hero-bg: transparent;
  --hero-text: var(--text);
  --hero-action-bg: #f2b631;
  --hero-action-text: #141414;
  --hero-divider: transparent;
  --hero-shadow: none;
  --hero-grain: 0;

  --cover-plate: #ffffff;
  --cover-plate-text: #141414;
  --qr-plate: #ffffff;

  --ok: #1f9d55;
  --warn: #d98e04;
  --bad: #e23d4b;

  --backdrop: rgb(20 20 20 / 0.72);
  --shadow-dialog: 6px 6px 0 #141414;

  /* Собственные токены бренда (движок их не читает): заливки наклеек и контур. */
  --ink: #141414;
  --gold: #f2b631;
  --pink: #ff7ad1;
  --cyan: #6fe3ff;
  --lime: #c8f55a;
  --lilac: #c9b6ff;
  --stroke: 2.5px;
}

:root {
  color-scheme: light;
  --bg: #fdf7ff;
  --dots: rgb(20 20 20 / 0.09);
  --panel: #ffffff;
  --raised: #f1e9ff;
  --text: #141414;
  --muted: #4a4458;
  --line: #141414;
  --shade: #141414;
  --accent: #141414;
  --on-accent: #f2b631;
  --error: #b3261e;
  --shadow-hover: 6px 6px 0 #141414;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --cover-glow: 0;
    --bg: #17111f;
    --dots: rgb(255 255 255 / 0.07);
    --panel: #231b2f;
    --raised: #2f2541;
    --text: #fbf6ff;
    --muted: #c9bfdb;
    --line: #fbf6ff;
    --shade: #000000;
    --accent: #f2b631;
    --on-accent: #141414;
    --error: #ffaaa3;
    --shadow-hover: 6px 6px 0 #000000;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --cover-glow: 0;
  --bg: #17111f;
  --dots: rgb(255 255 255 / 0.07);
  --panel: #231b2f;
  --raised: #2f2541;
  --text: #fbf6ff;
  --muted: #c9bfdb;
  --line: #fbf6ff;
  --shade: #000000;
  --accent: #f2b631;
  --on-accent: #141414;
  --error: #ffaaa3;
  --shadow-hover: 6px 6px 0 #000000;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #fdf7ff;
  --dots: rgb(20 20 20 / 0.09);
  --panel: #ffffff;
  --raised: #f1e9ff;
  --text: #141414;
  --muted: #4a4458;
  --line: #141414;
  --shade: #141414;
  --accent: #141414;
  --on-accent: #f2b631;
  --error: #b3261e;
  --shadow-hover: 6px 6px 0 #141414;
}