@import url('https://fonts.googleapis.com/css2?family=Bytesized&display=swap');

/* shm-telegram-guard / xeno-custom: брендовая палитра XENO (#0A0D0C / #00d4a8),
   взятая с лендинга xenovpn.top. Переопределяет CSS-переменные Mantine на
   самом базовом уровне (dark-0/6/7, blue/cyan), чтобы изменение подхватилось
   согласованно по всему приложению, а не точечными патчами компонентов.
   !important на -light/-outline/-text переменных: эти конкретно не
   перекрывались штатным каскадом (variant="filled" сработал сразу,
   variant="light" — нет), судя по всему из-за runtime-инъекции стилей
   Mantine при смене темы. */

:root,
[data-mantine-color-scheme="dark"] {
  /* ===== Базовый фон / поверхности / текст ===== */
  --mantine-color-dark-7: #0a0d0c !important;
  --mantine-color-dark-6: #131715 !important;
  --mantine-color-dark-0: #ecf1ee !important;

  /* ===== Акцент: blue -> бирюзовый бренд ===== */
  --mantine-color-blue-filled: #00997a !important;
  --mantine-color-blue-filled-hover: #007a63 !important;
  --mantine-color-blue-light: rgba(0, 212, 168, .15) !important;
  --mantine-color-blue-light-hover: rgba(0, 212, 168, .22) !important;
  --mantine-color-blue-light-color: #00d4a8 !important;
  --mantine-color-blue-outline: #00d4a8 !important;
  --mantine-color-blue-outline-hover: rgba(0, 212, 168, .06) !important;
  --mantine-color-blue-text: #00d4a8 !important;

  /* ===== Акцент: cyan -> тот же бирюзовый ===== */
  --mantine-color-cyan-filled: #00997a !important;
  --mantine-color-cyan-filled-hover: #007a63 !important;
  --mantine-color-cyan-light: rgba(0, 212, 168, .15) !important;
  --mantine-color-cyan-light-hover: rgba(0, 212, 168, .22) !important;
  --mantine-color-cyan-light-color: #00d4a8 !important;
  --mantine-color-cyan-outline: #00d4a8 !important;
  --mantine-color-cyan-outline-hover: rgba(0, 212, 168, .06) !important;
  --mantine-color-cyan-text: #00d4a8 !important;

  /* ===== Алиасы primary ===== */
  --mantine-primary-color-filled: #00997a !important;
  --mantine-primary-color-filled-hover: #007a63 !important;
  --mantine-primary-color-light: rgba(0, 212, 168, .15) !important;
  --mantine-primary-color-light-hover: rgba(0, 212, 168, .22) !important;
  --mantine-primary-color-light-color: #00d4a8 !important;
}