/* yavka — цвет. Тёмная тема единственная; светлой не существует. */
:root {
  /* Базовые поверхности */
  --bg-0: #080403;            /* самый глубокий фон (канва, за пределами экрана) */
  --bg-1: #0B0605;            /* основной фон экрана */
  --bg-2: #110A07;            /* середина фонового градиента */
  --bg-3: #160D0A;            /* приподнятое: шторки, плотные карточки */
  --bg-gradient: linear-gradient(180deg, #0B0605 0%, #110A07 55%, #0B0605 100%);

  /* Акцент — алый неон */
  --accent: #FF5340;
  --accent-bright: #FF6E5C;   /* текст/иконки акцента на тёмном */
  --accent-deep: #E8402E;     /* нижняя кромка градиентов акцента */
  --on-accent: #1D0B08;       /* текст на алой заливке */
  --accent-surface: rgba(255, 83, 64, 0.09);   /* фон выделенной карточки */
  --accent-border: rgba(255, 83, 64, 0.40);    /* бордер выделенной карточки */
  --accent-chip-bg: rgba(255, 83, 64, 0.15);   /* активный чип */
  --accent-chip-border: rgba(255, 83, 64, 0.50);

  /* Текст */
  --text-1: #F6ECE9;                        /* заголовки, основной */
  --text-2: rgba(246, 236, 233, 0.60);      /* вторичный, описания */
  --text-3: rgba(246, 236, 233, 0.40);      /* подписи, метаданные */
  --text-disabled: rgba(246, 236, 233, 0.25);

  /* Стекло: карточки и бордеры */
  --surface-card: rgba(255, 255, 255, 0.05);
  --surface-card-strong: rgba(255, 255, 255, 0.06);
  --surface-bar: rgba(18, 10, 8, 0.82);     /* плавающий таб-бар (+blur) */
  --border-hairline: rgba(255, 255, 255, 0.12);
  --border-hairline-strong: rgba(255, 255, 255, 0.16);
  --border-dashed: rgba(255, 255, 255, 0.16);
}