/* Токены брендбука «Академия Янтарного края», тема «Экран» (тёмная: игры, пульт ведущего, телефоны игроков).
   Палитра и имена как в брендбуке (стр. 6) и в static/css/tokens.css сайта. HEX только здесь. */
:root{
  /* Палитра брендбука (amber по ТЗ: #E39B2D) */
  --amber:#E39B2D;
  --amber-light:#F6C66B;
  --amber-text:#8F5310;
  --coral:#E07A5F;
  --sea:#2F7F86;
  --sea-light:#4FA7A9;
  --sea-text:#1F5E66;
  --deep:#17384A;
  --pine:#4C7A5A;
  --pine-text:#3B6347;
  --pine-light:#8BB18C; /* начало gradient-pine; светлая «Сосна» для текста на тёмном */
  --sand:#F3E7D3;
  --ink:#1E2633;
  --on-amber:#1E2633;
  --on-deep:#F4ECDF;

  /* Тема «Экран» */
  --surface:#121C2B;            /* Ночь: фон */
  --surface-raised:var(--ink);  /* панели и карточки */
  --surface-deep:var(--deep);   /* выбранное, дорожки, треки */
  --text:var(--on-deep);
  --text-muted:rgba(244,236,223,.7);
  --line:rgba(244,236,223,.14);
  --line-strong:rgba(244,236,223,.32);

  /* Статусы: словом или значком, не только цветом */
  --ok:var(--pine-light);
  --warn:var(--amber-light);
  --bad:var(--coral);

  /* Цвета команд (Кубок) и ролей (Дестинация): только палитра брендбука, не больше пяти */
  --team-1:var(--sea-light);
  --team-2:var(--coral);
  --team-3:var(--pine-light);
  --team-4:var(--amber);
  --team-5:var(--sand);

  /* Карта области: оттенки «Глубины» и «Сосны» на «Ночи» */
  --map-sea:var(--deep);
  --map-sea-far:var(--surface);
  --map-lagoon:color-mix(in srgb,var(--sea) 30%,var(--deep));
  --map-land:color-mix(in srgb,var(--pine) 42%,var(--surface));
  --map-land-line:color-mix(in srgb,var(--pine) 75%,var(--surface));
  --map-foreign:color-mix(in srgb,var(--pine) 16%,var(--surface));
  --map-hatch:color-mix(in srgb,var(--pine) 30%,var(--surface));
  --map-spit:color-mix(in srgb,var(--pine) 70%,var(--surface));
  --map-dune:color-mix(in srgb,var(--sand) 70%,var(--surface));
  --map-label-sea:color-mix(in srgb,var(--sea-light) 75%,var(--surface));
  --map-label-land:color-mix(in srgb,var(--pine-light) 45%,var(--surface));

  /* Градиенты брендбука (стр. 7). На экране не больше двух. */
  --gradient-amber:linear-gradient(135deg,var(--amber-light),var(--amber) 55%,var(--coral));
  --gradient-baltic:linear-gradient(135deg,var(--sea-light),var(--deep));
  --gradient-dusk:linear-gradient(135deg,var(--deep),var(--sea) 52%,var(--amber));
  --gradient-pine:linear-gradient(160deg,var(--pine-light),var(--pine));

  /* Отступы (кратны 4) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;

  /* Скругления */
  --radius-field:8px;
  --radius-card:16px;
  --radius-banner:28px;
  --radius-pill:999px;

  --overlay:rgba(18,28,43,.8);
  --motion-fast:180ms ease-out;

  /* Шрифты брендбука (стр. 9) */
  --font-heading:"Montserrat Alternates",system-ui,sans-serif;
  --font-body:"Onest",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  color-scheme:dark;
}