/*
 * Vitasoft brand layer — integrates the 2024 brandbook over the restored
 * Cynic theme without rebuilding the layout. Loaded last, so it wins.
 *   Palette: Navy #0B1020 · Signal Blue #38D6FF · Violet #8B5CFF · Mint #38F2B0
 *   Type: Inter (headings tight, body clean)
 * Accent green (#53b778) is recoloured to brand violet at the CSS-asset level
 * by scripts/build_pages.py; this file handles type, gradients and polish.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --vs-navy: #0B1020;
  --vs-blue: #38D6FF;
  --vs-violet: #8B5CFF;
  --vs-mint: #38F2B0;
  --vs-grad: linear-gradient(135deg, #38D6FF 0%, #8B5CFF 100%);
}

/* ---- Typography: Inter everywhere text lives (icon fonts untouched) ---- */
body,
p, li, a, span, label, input, textarea, select, button, blockquote, figcaption,
h1, h2, h3, h4, h5, h6,
.navbar, .nav, .btn, .menu-btn, .banner, .footer {
  font-family: 'Inter', 'Manrope', ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Arial, sans-serif;
}
h1, h2, h3, h4, h5, .banner h1, .banner h2 {
  letter-spacing: -0.03em;
  font-weight: 800;
}

/* ---- Header brand logo ---- */
.navbar-brand img,
.logo img,
img[alt="Vitasoft"] {
  max-height: 46px;
  width: auto;
}

/* ---- Primary CTA buttons -> brandbook blue->violet gradient ---- */
.btn-fill,
a.btn-fill,
button.btn-fill {
  background: var(--vs-grad) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(56, 214, 255, 0.22);
}
.btn-fill:hover,
a.btn-fill:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

/* Outline / "OUR PROCESS"-style buttons -> brand violet edge */
.btn-line,
.btn-border,
a.btn-empty {
  border-color: var(--vs-violet) !important;
  color: var(--vs-violet) !important;
}
.btn-line:hover,
.btn-border:hover,
a.btn-empty:hover {
  background: var(--vs-violet) !important;
  color: #fff !important;
}