/* ImportAutoPro — палитра и типографика */
:root {
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bg-deep: #0a101c;
  --bg-mid: #121b2c;
  --bg-slate: #1a2d45;
  --bg-panel: #0f1624;
  --surface: rgba(18, 30, 48, 0.82);
  --surface-soft: rgba(18, 30, 48, 0.55);
  --border-soft: rgba(255, 255, 255, 0.12);
  --text: #f0f4fb;
  --text-muted: #a8bdd6;
  --accent-cta: #c9a43a;
  --accent-cta-hover: #e4c45a;
  --accent-ghost: rgba(201, 164, 58, 0.16);
  --accent-shadow: rgba(201, 164, 58, 0.42);
  --accent-shadow-strong: rgba(201, 164, 58, 0.55);
  --highlight: #4fd1c5;
  --highlight-dim: rgba(79, 209, 197, 0.45);
  --highlight-ring: #4fd1c57d;
  --header-bg: rgba(6, 11, 20, 0.82);
  --input-fg: #141b28;
  --input-bg: #f8fafc;
  --card-bg: #f4f7fb;
  --card-fg: #0f172a;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-deep);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

.footer-wrapper > div > a:hover {
  color: var(--highlight);
}

.contacts-text2:hover {
  color: var(--highlight);
}

/* Якоря: відступ під фіксовану шапку (~90px) */
#top,
#intro,
#selection,
#credit,
#process,
#reviews,
#contact,
#footer {
  scroll-margin-top: 96px;
}

.anchor-target {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
}