/* VELTORY – фирменные цвета и аккуратные базовые стили
   Не меняет разметку: только цвета, шрифты, границы и состояния */

:root {
  /* Светлая тема */
  --bg:            #ffffff;
  --fg:            #0f172a;  /* графит */
  --muted:         #64748b;
  --border:        #e5e7eb;

  --accent:        #ff7a1a;  /* фирменный оранжевый */
  --accent-ink:    #0f1b2b;

  --surface:       #f8fafc;  /* светлая подложка блоков */
  --link:          #0f172a;
  --link-hover:    #ff7a1a;
}

:root.dark {
  /* Тёмная тема */
  --bg:            #0d1522;  /* темно‑синий */
  --fg:            #e8edf5;
  --muted:         #b0b8c9;
  --border:        #1f2a3a;

  --accent:        #ff7a1a;
  --accent-ink:    #0f1b2b;

  --surface:       #101a2b;
  --link:          #e8edf5;
  --link-hover:    #ff7a1a;
}

/* База (бережно) */
html, body { color-scheme: light dark; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Навигация/хедер/футер — только цвета/границы */
header, .header {
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
footer, .footer {
  background: var(--bg);
  border-top: 1px solid var(--border);
  color: var(--muted);
}

/* Ссылки и ховеры */
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }

/* Карточки/контейнеры (если есть классы) */
.card, .panel, .surface {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
}

/* Кнопки — только цвета + чуть скругление */
button, .btn {
  border: 1px solid var(--border);
  background: transparent;
  color: var(--fg);
  border-radius: 10px;
  transition: filter .15s ease;
}
button:hover, .btn:hover { filter: brightness(1.05); }

.btn-primary, .button-primary {
  background: var(--accent);
  color: var(--accent-ink);
  border-color: color-mix(in oklab, var(--accent), black 12%);
}
.btn-primary:hover, .button-primary:hover { filter: brightness(1.06); }

/* Мелкие элементы */
.badge, .tag {
  background: var(--accent);
  color: var(--accent-ink);
  border-radius: 6px;
}

/* Информационный/вторичный текст */
.muted, .subtle, .helper { color: var(--muted); }

/* Поля и границы */
input, select, textarea {
  color: var(--fg);
  background: var(--bg);
  border: 1px solid var(--border);
}