/* SpaceWash — дизайн-токены. Один источник правды для сайта, страницы записи,
   мини-приложения и пульта.

   Цвета сняты пипеткой с брендбука: фон #141414, капля логотипа #1A2759,
   поверхность кнопок #343841, зелёный #2DB568.

   ГЛАВНОЕ ПРАВИЛО ЗЕЛЁНОГО: он только для действия, ради которого человек
   сюда пришёл. На экране его максимум один, и два зелёных пятна рядом
   не ставятся никогда. Выбор (карточка, услуга, время) подсвечивается
   белой обводкой, а не зелёным — иначе акцент перестаёт работать.

   Синий — это капля логотипа. Кнопкой он не бывает: на тёмном фоне
   тёмно-синяя кнопка не читается. */

:root {
  /* Фон и поверхности */
  --bg:            #141414;
  --surface:       #1C1D20;   /* карточки */
  --surface-2:     #343841;   /* вторичные кнопки и поля — из брендбука */
  --stroke:        rgba(255, 255, 255, .10);
  --stroke-strong: rgba(255, 255, 255, .22);

  /* Зелёный. Только главное действие. Текст на нём тёмный:
     белый по зелёному даёт контраст 2.65 и еле читается. */
  --accent:        #2DB568;
  --accent-press:  #26A05B;
  --accent-weak:   rgba(45, 181, 104, .14);
  --on-accent:     #06240F;

  /* Бренд. Капля логотипа. Никогда не кнопка. */
  --brand:         #1A2759;
  --brand-soft:    rgba(26, 39, 89, .55);

  /* Выбранное состояние — белая обводка, а не цвет */
  --selected:      rgba(255, 255, 255, .55);

  --star:          #FFC531;

  --text:          #FFFFFF;
  --text-2:        rgba(255, 255, 255, .72);
  --text-3:        rgba(255, 255, 255, .44);

  --danger:        #FF5A52;
  --warning:       #FFB020;
  --ok:            #2DB568;

  /* Радиусы — ровно четыре значения */
  --r-pill: 999px;
  --r-lg:   20px;
  --r-md:   16px;
  --r-sm:   12px;

  /* Сетка 4pt */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-6: 24px; --s-8: 32px; --s-12: 48px;

  --page-x: 16px;
  --tap-min: 48px;

  /* Движение. Ничего дольше 400 мс. */
  --t-fast:  120ms;
  --t-base:  180ms;
  --t-sheet: 280ms;
  --t-price: 320ms;
  --ease: cubic-bezier(.2, .7, .3, 1);

  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
}

@media (min-width: 768px) { :root { --page-x: 24px; } }

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-base: 120ms; --t-sheet: 120ms; --t-price: 0ms; }
}