/* theme-sunset.css — палитра «Закат»: фиолетовый → розовый → оранжевый, как кнопка
   «Мне скучно». Переопределяет фирменные токены из _tokens.css / nes-glass.css так же,
   как theme-fire.css. Вернуть «Огонь» — подключить theme-fire.css вместо этого файла
   в templates/base.html. */
:root {
  --brand: #ec3a8a;            /* середина заката — розовый: ссылки, активные вкладки, бейджи */
  --brand-2: #ff8a3d;          /* тёплый край — оранжевый */
  --brand-deep: #7b35e8;       /* холодный край — фиолетовый */
  --brand-light: #ff7ab4;
  --brand-rgb: 236,58,138;
  --brand-2-rgb: 255,138,61;
  --brand-deep-rgb: 123,53,232;
  --brand-soft: rgba(236,58,138,.11);
  --brand-soft-border: rgba(236,58,138,.2);
  /* направление — как у «Мне скучно»: почти горизонтально, фиолетовый слева */
  --cta: linear-gradient(120deg, #8b3dff 0%, #ff3d8b 55%, #ff7a2e 100%);
  --cta-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -8px 16px -8px rgba(80,10,90,.22),
    0 10px 24px -10px rgba(194,40,122,.55);
  --focus-ring: 0 0 0 3px rgba(236,58,138,.33);
}
:root { --soft-text: #c21f6b; }
html.dark-theme { --soft-text: #ff9cc8; }

/* обои переписки — сиренево-персиковые, дудлы розовые (в data:URI токены не работают) */
html:not(.dark-theme) .cr-messages {
  background-color: #fbeefa !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23ec3a8a' stroke-opacity='.13' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 14l3 6 6.5 1-4.7 4.6 1.1 6.5L24 29l-5.9 3.1 1.1-6.5L14.5 21l6.5-1z'/%3E%3Cpath d='M118 30c-3-5-11-3-10 3 1 4 10 9 10 9s9-5 10-9c1-6-7-8-10-3z'/%3E%3Cpath d='M70 70c0-6 5-10 10-10s10 4 10 10c0 8-10 17-10 17s-10-9-10-17z'/%3E%3Ccircle cx='80' cy='70' r='3'/%3E%3Cpath d='M30 110v-14l12-3v14'/%3E%3Ccircle cx='27' cy='110' r='3'/%3E%3Ccircle cx='39' cy='107' r='3'/%3E%3Cpath d='M130 96l-6 12h7l-5 12'/%3E%3Ccircle cx='60' cy='140' r='6'/%3E%3Cpath d='M112 140c4-4 10-4 14 0M108 134c6-7 16-7 22 0'/%3E%3Cpath d='M146 64l4 4M150 64l-4 4'/%3E%3Cpath d='M8 60h6M11 57v6'/%3E%3C/svg%3E"),
    linear-gradient(160deg, #f1e6ff 0%, #ffe3f0 52%, #fff0e3 100%) !important;
}
html:not(.dark-theme) .cr-window { --tg-pill: rgba(120,40,110,.30); }