/* ==========================================================================
   Kiwi Events Club — design tokens
   Сайт маршрутизирует человека к календарю нужной площадки, поэтому его форма —
   расписание: холодная бумага, тёмно-синее табло, сигнальный красный на действии.
   Один гротеск во всех ролях; контраст берём весом и кеглем, а не сменой семейства.
   ========================================================================== */

@font-face {
  font-family: 'Space Grotesk';
  src: url('/fonts/spacegrotesk.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* палитра */
  --ke-paper:      #e8eaec;   /* холодная бумага, не кремовая */
  --ke-paper-2:    #dde1e4;
  --ke-ink:        #15181b;
  --ke-ink-soft:   #3d474f;
  --ke-slate:      #5d6a75;
  --ke-rule:       #c3c9ce;
  --ke-board:      #1d2b39;   /* табло */
  --ke-board-2:    #26394b;
  --ke-signal:     #c8402c;   /* только действие: куда бронировать */
  --ke-signal-dim: #a93424;
  --ke-cream:      #eef1f3;   /* текст на тёмном */
  --ke-cream-dim:  #a9b6c0;
  --ke-danger:     #c8402c;
  --ke-ok:         #2f6b4f;

  /* шрифт — одно семейство */
  --ke-font-display: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ke-font-body:    var(--ke-font-display);

  --ke-step--1: clamp(0.83rem, 0.81rem + 0.10vw, 0.90rem);
  --ke-step-0:  clamp(1.02rem, 0.98rem + 0.18vw, 1.10rem);
  --ke-step-1:  clamp(1.20rem, 1.12rem + 0.36vw, 1.42rem);
  --ke-step-2:  clamp(1.48rem, 1.28rem + 0.90vw, 2.05rem);
  --ke-step-3:  clamp(2.00rem, 1.55rem + 2.00vw, 3.10rem);
  --ke-step-4:  clamp(2.60rem, 1.75rem + 3.60vw, 4.60rem);

  /* ритм */
  --ke-s1: 0.35rem;
  --ke-s2: 0.7rem;
  --ke-s3: 1.15rem;
  --ke-s4: 1.9rem;
  --ke-s5: 3rem;
  --ke-s6: 4.6rem;
  --ke-s7: 7rem;

  /* форма: острая, без пилюль */
  --ke-radius-sm: 0;
  --ke-radius:    2px;
  --ke-radius-lg: 2px;
  --ke-hair:      1px solid var(--ke-rule);
  --ke-shell:     74rem;

  --ke-shadow: none;
  --ke-ease:   cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Bootstrap здесь намеренно нет. Базовый кегль задан явно. */
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
@media (max-width: 48rem) { html { font-size: 97%; } }
@media (max-width: 30rem) { html { font-size: 95%; } }