:root {
  /* AMOLED-тема */
  --amoled-bg: #000000;
  --amoled-text: #ffffff;
  --amoled-accent: #00ff9d; /* Неоново-зеленый */
  --amoled-secondary: #2a2a2a;
  --amoled-shadow: rgba(255, 255, 255, 0.1);
}

[data-theme="amoled"] {
  /* Основные цвета */
  --bg-color: var(--amoled-bg);
  --primary-bg: var(--bg-color);
  --text-color: var(--amoled-text);
  --text-primary: var(--text-color);
  --accent-color: var(--amoled-accent);
  --accent: var(--accent-color);
  --secondary-color: var(--amoled-secondary);
  --shadow-color: var(--amoled-shadow);
  --primary-bg: var(--bg-color);
  --secondary-bg: var(--secondary-color);

  /* Дополнительные элементы */
  --text-reverse: #000;
  --text-mut: #9c9c9c;
  --border-color: #333333;
  --hover-bg: rgba(255, 255, 255, 0.05);
  --card-bg: #000000a4;
}

body {
  background: var(--bg-color);
  color: var(--text-color);
  transition: all 0.3s ease;
}

.thread-card {
  background: var(--card-bg);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px var(--shadow-color);
}

button,
.btn {
  background: var(--accent-color);
  color: #000;
  border: 2px solid transparent;
}

button:hover {
  background: transparent;
  border-color: var(--accent-color);
  color: var(--accent-color);
}

input,
textarea {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

/* Эффекты для AMOLED */
[data-theme="amoled"] .thread-card {
  position: relative;
  overflow: hidden;
}


[data-theme="amoled"] ::-webkit-scrollbar-track {
  background: #1f1f1f;
  border-radius: 4px;
}

[data-theme="amoled"] ::-webkit-scrollbar-thumb {
  background: #3b3b3b;
  border-radius: 4px;
  border: 2px solid #3b3b3b;
}

[data-theme="amoled"] ::-webkit-scrollbar-thumb:hover {
  background: #3b3b3b;
}

[data-theme="amoled"] .form-text{
    color: var(--text-color);
}

[data-theme="amoled"] .text-muted {
  color: var(--text-mut) !important;
}