/* CookieUP · IDENTITY1103 (владелец 03.11: «переделай немного сайт и мини-приложение по дизайну, чтобы оно отличалось от RubUP»).
   Файл подключен ПОСЛЕДНИМ и с !important — берёт своё даже против theme-orange (тот генерируется, править его руками нельзя).
   Селектор не «:root», а с парой :has(> body > #root) — потому что все темы (tokens.css, theme-orange.css) пишут токены
   списком «:root, :root:has(> body > #root)», и в Chromium эта форма перетягивает cascade: на живой странице
   «:root:root:root» (0,3,0) проигрывал одному «:root:has(> body > #root)» (замер probe-bg в браузере: --bg оставался #0F0C0A,
   а стоило добавить :has — стал наш цвет). Поэтому повторяем форму темы, только сильнее её же: два :root + :has.
   Меняем только токены ядра, разметку и компоненты не трогаем:
   • поверхности — из нейтрального тёплого чёрного RubUP в шоколад (--bg/--s1/--s2/--graphite-*);
   • текст — кремовый, как на заставке, вместо холодного белого;
   • обводки --s-line* — карамельные волосы вместо белёсых;
   • шапка и нижняя панель — плотнее и теплее (стекло было копией RubUP: та же полупрозрачность и то же размытие);
   • фон страницы (--page-glow, его рисует body::before) — карамельный свет сверху + «крошка» из точек вместо
     нейтрального пятна: та же текстура, что на заставке, — так сайт и заставка становятся одним брендом;
   • главные кнопки — «печёная» тень (тёмный подсвет снизу + карамельная тень) вместо жёлтого свечения RubUP;
   • анимация — короче и резче (100/170/280 вместо 120/200/320), своя кривая.
   НЕ тронуто: палитра редкостей --rar0…--rar5 (это семантика цен) и шрифты (--font-*: замена Unbounded — отдельное
   решение, нужен кириллический файл с знаком ₽, см. комментарий в письме владельцу). */
:root:root:has(> body > #root), :root:root:root {
  --bg:            #130C06 !important;
  --bg-inset:      #0A0604 !important;
  --bg-aside:      #1A110A !important;
  --s1:            #201712 !important;
  --s2:            #2B1E15 !important;
  --surface-active:#3A2A1D !important;
  --surface-hover: #33251A !important;
  --graphite-hi:   #3B2A1D !important;
  --graphite-lo:   #17100A !important;
  --dot:           #6E5540 !important;

  --text:          #FAF3EA !important;
  --text-chat:     #DCD0C2 !important;
  --text-2:        #D8C8B7 !important;
  --text-3:        #A8917C !important;

  --s-line:        rgba(246, 205, 165, .11) !important;
  --s-line-hi:     rgba(246, 205, 165, .18) !important;
  --line-strong:   rgba(246, 205, 165, .15) !important;

  --topbar-bg:     rgba(38, 24, 14, .74) !important;
  --topbar-bg-m:   rgba(38, 24, 14, .78) !important;
  --tabbar-bg:     rgba(38, 24, 14, .74) !important;
  --glass-blur:    24px !important;
  --glass-sat:     140% !important;

  --ease:          cubic-bezier(.3, .68, .22, 1) !important;
  --dur-1:         100ms !important;
  --dur-2:         170ms !important;
  --dur-3:         280ms !important;

  --btn-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 -2px 6px rgba(122, 58, 14, .26), 0 10px 24px rgba(196, 101, 38, .28) !important;

  --page-glow:
    radial-gradient(58% 26% at 50% -6%, rgba(245, 170, 95, .20), rgba(245, 170, 95, 0) 70%),
    radial-gradient(42% 22% at 88% 10%, rgba(214, 120, 45, .10), rgba(214, 120, 45, 0) 72%),
    radial-gradient(rgba(243, 180, 120, .07) 1px, rgba(243, 180, 120, 0) 1.6px) 0 0 / 24px 24px,
    radial-gradient(rgba(243, 180, 120, .05) 1px, rgba(243, 180, 120, 0) 1.6px) 12px 12px / 24px 24px,
    linear-gradient(180deg, #1C1309 0%, #130C06 46%, #0A0604 100%) !important;
}

html, body, #root { background-color: #130C06 !important; }

/*Reduced motion: обещание «нулевые длительности» из tokens.css держим и здесь — наши !important были бы сильнее его */
@media (prefers-reduced-motion: reduce) {
  :root:root:has(> body > #root), :root:root:root { --dur-1: 0ms !important; --dur-2: 0ms !important; --dur-3: 0ms !important; --ease: linear !important; }
}