/* Токены Геогессера. Намеренно те же, что у muta.pro: игра живёт внутри сайта
   по адресу /<язык>/geo/, и своя палитра выглядела бы чужеродной. Отсюда же
   шрифты — Manrope на текст, Unbounded на крупные заголовки. */
:root {
  --bg: #15171c;
  --bg-2: #1b1e25;
  --panel: #1f232b;
  --panel-2: #272b35;
  --panel-3: #30353f;
  --panel-4: #3b4150;

  --border: rgba(255, 255, 255, .07);
  --border-2: rgba(255, 255, 255, .13);
  --border-3: rgba(255, 255, 255, .22);

  --text: #e9eaef;
  --text-soft: #c2c6d0;
  --muted: #8f95a3;
  --faint: #646b7a;

  --gold: #c9a227;
  --gold-2: #e3c25a;
  --gold-soft: rgba(201, 162, 39, .14);
  --success: #3f9b6b;
  --danger: #c75d5d;

  --sh-sm: 0 2px 6px rgba(0, 0, 0, .4);
  --sh-md: 0 12px 38px rgba(0, 0, 0, .5);
  --sh-lg: 0 26px 70px rgba(0, 0, 0, .6);

  --r-sm: 9px;
  --r-md: 13px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  --font-sans: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-display: 'Unbounded', 'Manrope', system-ui, sans-serif;

  /* шкала отступов, чтобы вёрстка не расползалась на глазок */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px;

  --header-h: 60px;
}