/* GramStack UI theme: indigo-mint-v1
 * Low-risk override for Telegram Web K. The native Telegram doodle wallpaper
 * is intentionally NOT replaced unless --wallpaper was explicitly supplied.
 */

:root {
  --primary-color: #6D5DFB !important;
  --primary-color-rgb: 109, 93, 251 !important;
  --light-primary-color: #E8E4FF !important;
  --message-out-background-color: #E8E4FF !important;
  --message-out-primary-color: #6D5DFB !important;
  --green-color: #22C7A9 !important;
  --online-color: #22C7A9 !important;
  --message-out-status-color: #6D5DFB !important;
  accent-color: #6D5DFB;
}

html.dark,
html.theme-dark,
body.dark,
body.night,
body.is-dark,
[data-theme="dark"],
.theme-dark {
  --primary-color: #8B7CFF !important;
  --primary-color-rgb: 139, 124, 255 !important;
  --light-primary-color: #2E285D !important;
  --surface-color: #121621 !important;
  --background-color: #0B0D14 !important;
  --message-out-background-color: #342D68 !important;
  --message-out-primary-color: #8B7CFF !important;
  --green-color: #36D6B7 !important;
  --online-color: #36D6B7 !important;
  --message-out-status-color: #8B7CFF !important;
  accent-color: #8B7CFF;
}

/* Small polish only; no layout/class internals are replaced. */
button,
.btn-primary,
.primary-button {
  transition: background-color .18s ease, color .18s ease,
              border-color .18s ease, box-shadow .18s ease,
              transform .18s ease;
}

.btn-primary:focus-visible,
.primary-button:focus-visible,
button:focus-visible {
  outline: 2px solid #22C7A9;
  outline-offset: 2px;
}