:root {
  --bg-main: #0b0b0e;
  --bg-panel: #121018;

  --accent-purple: #2a1f3d;
  --accent-pink: #7a4a6a;
  --accent-green: #3cff88;
  --accent-yellow: #cbbf8a;

  --text-main: #d6d3dd;
  --text-muted: #8f8a99;
}

/* ===== БАЗА ===== */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top, #14121c 0%, var(--bg-main) 65%);
  color: var(--text-main);
}

/* ===== КНОПКИ (ОБЩИЕ) ===== */

button,
.button {
  background: linear-gradient(
    135deg,
    var(--accent-purple),
    var(--accent-pink)
  );
  color: #f0eaf3;
  border: none;
  padding: 9px 14px;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.85;
  transition: opacity 0.3s, transform 0.2s;
}

button:hover,
.button:hover {
  opacity: 1;
  transform: translateY(-1px);
}


/* ===== АНИМАЦИИ ===== */

@keyframes breathe {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.06); }
  100% { filter: brightness(1); }
}

/* ===== ТЕТ-А-ТЕТ (ОБЩИЙ) ===== */

body.private {
  background:
    radial-gradient(
      circle at top,
      rgba(122,74,106,0.48) 0%,
      rgba(42,31,61,0.65) 35%,
      var(--bg-main) 70%
    );
  animation: breathe 14s ease-in-out infinite;
}