/* static/css/base.css */

/* ====== GLOBAL TOKENS / BRAND ====== */
:root {
  --brand-from: #410093;
  --brand-to: #5399E7;
}

/* ====== GLOBAL TYPOGRAPHY (site-wide) ====== */
html, body {
  height: 100%;
}

body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.2;
  overflow-x: hidden; /* защита от случайного горизонтального скролла */
}

/* ====== BRAND HELPERS ====== */
.brand-gradient {
  background-image: linear-gradient(90deg, var(--brand-from), var(--brand-to));
}

.brand-gradient-hover:hover {
  filter: brightness(1.05);
}

.glow-effect {
  box-shadow: 0 0 20px rgba(83, 153, 231, .35);
}

/* ====== Telegram Floating Assistant ====== */
.tg-bot-btn {
  text-decoration: none;
}

.tg-bot-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #26A5E4, #1E8DD0);
  color: white;
  padding: 12px 18px;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 10px 25px rgba(38, 165, 228, 0.35);
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
}

.tg-bot-inner:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 15px 35px rgba(38, 165, 228, 0.5);
}

.tg-icon {
  width: 22px;
  height: 22px;
}

.tg-label {
  white-space: nowrap;
}

@media (max-width: 640px) {
  .tg-label { display: none; }
  .tg-bot-inner {
    padding: 14px;
    border-radius: 50%;
  }
}