:root {
  /* Цветовая палитра - глубокие синие тона */
  --color-dark-navy-50: rgba(15, 23, 42, 1);
  --color-dark-navy-100: rgba(30, 41, 59, 1);
  --color-dark-navy-200: rgba(51, 65, 85, 1);
  --color-blue-500: rgba(59, 130, 246, 1);
  --color-blue-400: rgba(96, 165, 250, 1);
  --color-cyan-400: rgba(34, 211, 238, 1);
  --color-text: rgba(226, 232, 240, 1);
  --color-text-secondary: rgba(148, 163, 184, 1);
  --color-text-muted: rgba(100, 116, 139, 1);
  --color-blue-500-rgb: 59, 130, 246;
}

/* ТОЛЬКО базовые стили фона */
html, body {
  background: linear-gradient(135deg, var(--color-dark-navy-50) 0%, var(--color-dark-navy-100) 50%, rgba(30, 58, 138, 1) 100%) !important;
  color: var(--color-text) !important;
}

.v-application {
  background: var(--color-dark-navy-50) !important;
}

.v-main {
  background: transparent !important;
}

/* ТОЛЬКО цвета для карточек без изменения структуры */
.v-card {
  background: var(--color-dark-navy-100) !important;
  color: var(--color-text) !important;
}

.v-sheet {
  background: var(--color-dark-navy-100) !important;
  color: var(--color-text) !important;
}

/* ТОЛЬКО цвета для полей ввода */
.v-field__field {
  background: var(--color-dark-navy-200) !important;
  color: var(--color-text) !important;
}

.v-field__input input {
  color: var(--color-text) !important;
}

/* ТОЛЬКО цвета для кнопок */
.v-btn--variant-contained {
  background: var(--color-blue-500) !important;
  color: white !important;
}

.v-btn--variant-contained:hover {
  background: var(--color-blue-400) !important;
}

/* ТОЛЬКО цвета для текста */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-text) !important;
}

p, span, div, label {
  color: var(--color-text-secondary) !important;
}

/* ТОЛЬКО цвета для чекбоксов */
.v-selection-control__input {
  color: var(--color-blue-500) !important;
}

/* ТОЛЬКО цвета для всплывающих окон - БЕЗ изменения opacity */
.v-dialog {
  background: var(--color-dark-navy-100) !important;
}

.v-overlay__content {
  background: var(--color-dark-navy-100) !important;
}

.v-menu__content {
  background: var(--color-dark-navy-100) !important;
}

/* ТОЛЬКО логотип */
.v-toolbar-title::before {
  content: "?? Lila Cloud";
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-cyan-400), var(--color-blue-400));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 16px;
}

/* Водяной знак */
body::after {
  content: "?? Powered by Lila Cloud";
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--color-dark-navy-100);
  color: var(--color-text-muted);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 11px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.8;
}