/* ZALOG — общие дизайн-токены
   Подключается и на сайте (zalog.ee), и в Telegram Mini App,
   чтобы бренд не расходился между ними.
   Меняя цвета/шрифты бренда — правьте только этот файл. */

:root{
  --bg: #FFFFFF;
  --bg-soft: #F0F5FC;
  --surface: #FFFFFF;
  --ink: #101826;
  --ink-soft: #4B5768;
  --ink-faint: #8792A3;
  --line: #E1E7F0;
  --blue: #155EEF;
  --blue-bright: #2E7DFF;
  --blue-deep: #0B3FA0;
  --blue-wash: #E7EFFD;
  --amber: #F5A623;
  --amber-wash: #FDF1DD;
  --footer-bg: #071129;
  --footer-ink: #F2F6FD;
  --footer-ink-soft: #8CA3D1;
  --shadow-tint: 220 70% 35%;

  --font-display: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-body: "Public Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg: #0A1220;
    --bg-soft: #101A2E;
    --surface: #101C30;
    --ink: #EAF0FA;
    --ink-soft: #A9B6CC;
    --ink-faint: #7887A3;
    --line: #1E2C42;
    --blue: #5B9CFF;
    --blue-bright: #8AB9FF;
    --blue-deep: #BFD8FF;
    --blue-wash: #142640;
    --amber: #F6B24B;
    --amber-wash: #2A2115;
    --footer-bg: #05080F;
    --footer-ink: #EAF0FA;
    --footer-ink-soft: #6C82AC;
    --shadow-tint: 220 80% 4%;
  }
}
:root[data-theme="dark"]{
  --bg: #0A1220;
  --bg-soft: #101A2E;
  --surface: #101C30;
  --ink: #EAF0FA;
  --ink-soft: #A9B6CC;
  --ink-faint: #7887A3;
  --line: #1E2C42;
  --blue: #5B9CFF;
  --blue-bright: #8AB9FF;
  --blue-deep: #BFD8FF;
  --blue-wash: #142640;
  --amber: #F6B24B;
  --amber-wash: #2A2115;
  --footer-bg: #05080F;
  --footer-ink: #EAF0FA;
  --footer-ink-soft: #6C82AC;
  --shadow-tint: 220 80% 4%;
}

/* Базовый сброс, общий для сайта и Mini App */
*,*::before,*::after{ box-sizing: border-box; }
body{
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img,svg{ display:block; max-width:100%; }
a{ color: inherit; }
h1,h2,h3,h4{
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 1.1;
  text-wrap: balance;
  margin: 0;
  color: var(--ink);
  letter-spacing: -0.01em;
}
p{ margin: 0; }
button{ font: inherit; color: inherit; }
:focus-visible{ outline: 2px solid var(--blue); outline-offset: 3px; }
.tnum{ font-variant-numeric: tabular-nums; font-family: var(--font-mono); }