:root {
  --vault-bg: #ffffff; /* Чисто білий фон */
  --vault-panel-rgb: 222 222 222; /* Світло-сірий фон (як у чатах WhatsApp) */
  --vault-card-rgb: 255 255 255; /* Картки лишаємо білими, щоб вони виділялись */

  --vault-accent-rgb: 17 191 82;
  --vault-accent-dim: rgba(37, 211, 102, 0.15);

  --vault-text-main: #111b21; /* Насичений темно-синій/чорний для тексту */
  --vault-text-body: #3b4a54; /* Текст повідомлень/описів */
  --vault-text-dim: #667781; /* Другорядні дані */

  --vault-border: #33ee33; /* Легкі межі розділювачів */

  --input-bg: rgba(255, 255, 255, 1);
  --input-text: #0f172a;
  --input-border: rgba(15, 23, 42, 0.2);
  --vault-danger-rgb: 180 23 20;
  --vault-warning-rgb: 33 166 166;
}

/* ФІКС КОНТРАСТУ ДЛЯ ТЕМНИХ КАРТОК У СВІТЛІЙ ТЕМІ */
.dark-block {
  --vault-text-main: #ffffff; /* Фіксований білий для заголовків */
  --vault-text-body: #e2e8f0; /* Фіксований світло-сірий для текстів */
  --vault-text-dim: #94a3b8; /* Фіксований сірий для другорядного */
}

.dark {
  /* DARK NEON */
  --vault-bg: #0a0c10;
  --vault-panel-rgb: 22 27 34;
  --vault-card-rgb: 17 20 27;
  --vault-accent-rgb: 57 255 20;
  --vault-text-main: #ffffff;
  --vault-text-body: #e2e8f0;
  --vault-text-dim: #94a3b8;
  --vault-border: rgba(57, 255, 20, 0.1);
  --vault-accent-dim: rgba(57, 255, 20, 0.15);
  --input-bg: #121418;
  --input-text: #ffffff;
  --input-border: rgba(255, 255, 255, 0.1);
  --vault-danger-rgb: 180 23 20;
  --vault-warning-rgb: 33 166 166;
}