/* GikPlay Store — токены оформления. Решения и обоснования: design/FORWARD.md.
   Облик — «аркадный терминал»: тёмная по умолчанию панель запуска, один угольный
   акцент (янтарь), острые углы, волосяные линии и цифры дисплейным шрифтом.
   Проверено: текст на --bg и --panel ≥ 15:1, --muted ≥ 4.9:1, --on-accent на
   --accent ≥ 5.6:1, акцент как текст ≥ 5:1 в обеих темах. */

/* Шрифты — только свои файлы (font-src 'self'). Tektur — дисплейный: заголовки,
   цены, номера в чарте; Golos Text — текст и надписи. Знак рубля лежит в отдельном
   срезе: в подмножествах Google он попадает в latin-ext, а весь latin-ext ради
   одного знака — 34 КБ, поэтому здесь только валютные знаки (U+20A0–20C0). */
@font-face {
  font-family: "Tektur";
  src: url(/pack/kit/fonts/tektur-cyrillic.woff2) format("woff2");
  font-weight: 600 900;
  font-stretch: 100%;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Tektur";
  src: url(/pack/kit/fonts/tektur-latin.woff2) format("woff2");
  font-weight: 600 900;
  font-stretch: 100%;
  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: "Tektur";
  src: url(/pack/kit/fonts/tektur-currency.woff2) format("woff2");
  font-weight: 600 900;
  font-stretch: 100%;
  font-display: swap;
  unicode-range: U+20A0-20C0;
}
@font-face {
  font-family: "Golos Text";
  src: url(/pack/kit/fonts/golos-cyrillic.woff2) format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Golos Text";
  src: url(/pack/kit/fonts/golos-latin.woff2) format("woff2");
  font-weight: 400 700;
  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: "Golos Text";
  src: url(/pack/kit/fonts/golos-currency.woff2) format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+20A0-20C0;
}

/* Не зависят от темы. */
:root {
  --font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: "Tektur", "Golos Text", system-ui, sans-serif;

  /* Углы почти прямые: корпус прибора, а не скруглённая карточка. */
  --radius-control: 3px;
  --radius-panel: 4px;
  --radius-hero: 6px;
  --radius-cover: 3px;

  /* Рейка: в неё входят знак, три раздела и действия — 248px хватает и не давит. */
  --rail-width: 248px;

  --ease-out: cubic-bezier(0.22, 0.85, 0.24, 1);

  /* Первый экран GikPlay не показывает (home = chart), но токены нужны движку:
     тёмная панель с янтарным действием — как у спотлайта. */
  --hero-bg: #171b22;
  --hero-text: #f2f5f9;
  --hero-action-bg: #ff6b35;
  --hero-action-text: #10131a;
  --hero-divider: rgb(255 255 255 / 0.14);
  --hero-shadow: none;
  --hero-grain: 0;

  /* Подложка под логотипы поставщиков — светлая в обеих темах: их знаки тёмные. */
  --cover-plate: #e9ebef;
  --cover-plate-text: #4f5866;
  --qr-plate: #ffffff;

  /* Состояния заказа: янтарь занят действием, поэтому «ждёт» — нейтральная плашка. */
  --ok: #2fbf71;
  --warn: #f2a13c;
  --bad: #ff5a4d;

  --backdrop: rgb(6 8 11 / 0.72);
  --shadow-dialog: 0 0 0 1px rgb(255 107 53 / 0.24), 0 32px 64px -32px rgb(0 0 0 / 0.7);

  /* Своё, для brand.css: сетка HUD на фоне, нижняя грань янтарной клавиши и сам
     янтарь заливки. --accent в светлой теме темнее (текст и ссылки требуют 4.5:1),
     а заливка главного действия в обеих темах одна: 6.6:1 под тёмной подписью. */
  --ember: #ff6b35;
  --ember-ink: #10131a;
  --grid: rgb(20 23 28 / 0.055);
  --edge: #8f2d0d;
}

/* Светлая тема — «прибор выключен»: холодная бумага, угольный текст, янтарь темнее. */
:root {
  color-scheme: light;
  --bg: #f1f2f4;
  --panel: #ffffff;
  --raised: #e7e9ed;
  --text: #14171c;
  --muted: #5b6470;
  --line: #d2d6dc;
  --accent: #b83c12;
  --on-accent: #ffffff;
  --error: #b4210f;
  --shadow-hover: none;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --cover-glow: 0.85;
    --bg: #0d1014;
    --panel: #14181e;
    --raised: #1d222a;
    --text: #eef1f5;
    --muted: #9aa5b3;
    --line: #2a313b;
    --accent: #ff6b35;
    --on-accent: #10131a;
    --error: #ff9a8a;
    --shadow-hover: none;
    --grid: rgb(255 255 255 / 0.045);
    --edge: #c24216;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --cover-glow: 0.85;
  --bg: #0d1014;
  --panel: #14181e;
  --raised: #1d222a;
  --text: #eef1f5;
  --muted: #9aa5b3;
  --line: #2a313b;
  --accent: #ff6b35;
  --on-accent: #10131a;
  --error: #ff9a8a;
  --shadow-hover: none;
  --grid: rgb(255 255 255 / 0.045);
  --edge: #c24216;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f1f2f4;
  --panel: #ffffff;
  --raised: #e7e9ed;
  --text: #14171c;
  --muted: #5b6470;
  --line: #d2d6dc;
  --accent: #b83c12;
  --on-accent: #ffffff;
  --error: #b4210f;
  --shadow-hover: none;
  --grid: rgb(20 23 28 / 0.055);
  --edge: #8f2d0d;
}