/* SpaceWash — дизайн-токены.
   Один источник правды для сайта, страницы записи, Mini App и пульта.
   Правила: один акцент на экране, ноль градиентов, четыре радиуса. */

:root {
  /* Фон и поверхности. Не чистый чёрный — иначе на OLED видна граница с видео. */
  --bg:            #0B0D10;
  --surface:       #14171C;
  --surface-2:     #1B1F26;
  --stroke:        rgba(255, 255, 255, .10);
  --stroke-strong: rgba(255, 255, 255, .18);

  /* Акцент. Производный от фирменной капли, но осветлённый до читаемого на тёмном.
     Контраст с белым текстом 5.4:1 — проходит для любого размера. */
  --accent:        #1F6FEB;
  --accent-press:  #1A5FD0;
  --accent-weak:   rgba(31, 111, 235, .14);
  --on-accent:     #FFFFFF;

  /* Бренд. Капля логотипа. Никогда не становится кнопкой. */
  --brand:         #2C4A7C;

  /* Звёзды рейтинга — и больше нигде. */
  --star:          #FFC531;

  /* Текст */
  --text:          #FFFFFF;
  --text-2:        rgba(255, 255, 255, .64);
  --text-3:        rgba(255, 255, 255, .40);

  /* Состояния */
  --danger:        #FF5A52;
  --warning:       #FFB020;
  --ok:            #2BD97C;

  /* Радиусы — ровно четыре значения */
  --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; }
}