/* StoryTrip — design tokens (источник правды: MASTER.md, v1)
   Импортируют и сайт, и приложение. Не вводить значения мимо этих переменных. */

/* Шрифты: добавить в <head> или оставить @import ниже */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root{
  /* --- Бренд / семантика --- */
  --coral:#FF6B5A;  --coral-deep:#F0543F;  --on-coral:#FFFFFF;
  /* Заливка кнопки с белым текстом. Белый на --coral даёт 2.8:1 (норма WCAG
     4.5:1), на --coral-deep — 3.5:1. Это самый светлый коралл, который проходит
     (4.54:1). Решение владельца 03.10.2026, впервые — for-partners.html. */
  --coral-cta:#D6402C;
  --pink:#FF5E8A;   --amber:#F5A623;
  /* Статусы. НЕ категории: зелёный как цвет категории запрещён (MASTER.md). */
  --danger:#EF4444; --success:#10B981;
  --bg:#F7F6F4;     --surface:#FFFFFF;     --soft:#F1F0EE;
  --ink:#1A1D22;    --muted:#6B7280;       --border:#E7E5E2;

  /* --- Фирменные градиенты --- */
  --story-ring:linear-gradient(135deg,#F5A623,#FF6B5A 50%,#FF5E8A);
  --sunset:linear-gradient(155deg,#FFB37A,#FF6B5A 60%,#C5354A);

  /* --- VIP-метка --- */
  --vip:#FFB300;

  /* --- Категории карты --- */
  --cat-food:#F2912F; --cat-rent:#4F8FF7; --cat-act:#14B8A6; --cat-hotel:#9B6BFF;

  /* --- Палитра данных (отчёты/графики, по порядку) --- */
  --data-1:#FF6B5A; --data-2:#F5A623; --data-3:#14B8A6;
  --data-4:#4F8FF7; --data-5:#9B6BFF; --data-6:#FF5E8A;

  /* --- Акцентная тёмная панель (headline "impact"-блоки в отчётах) --- */
  --panel-dark:linear-gradient(135deg,#1A1D22,#2A2F37);
  --on-panel-dark:#FFFFFF; --on-panel-dark-muted:rgba(255,255,255,.65);

  /* --- Типографика --- */
  --font-display:'Unbounded', system-ui, sans-serif;
  --font-body:'DM Sans', system-ui, sans-serif;

  /* --- Радиусы --- */
  --r-card:22px; --r-pill:999px; --r-input:13px; --r-sheet:24px;

  /* --- Тени (тонированы в --ink) --- */
  --sh-sm:0 1px 2px rgba(26,29,34,.05), 0 4px 14px rgba(26,29,34,.06);
  --sh-md:0 14px 36px rgba(26,29,34,.12);
  --sh-lg:0 28px 64px rgba(26,29,34,.18);

  /* --- Шкала отступов --- */
  --sp-1:4px; --sp-2:8px; --sp-3:14px; --sp-4:22px; --sp-5:24px; --sp-6:46px; --sp-7:80px;
}