/* Автошкола «Альянс»: светлый сайт — бирюзовый #0e7c86, тёмно-бирюзовый #0a4f57,
   жёлтый цвет дорожной разметки #f2b705 (перекладина буквы «А» в логотипе) */

:root {
  --va-teal: #0e7c86;
  --va-teal-dark: #0a4f57;
  --va-yellow: #f2b705;
  --va-primary: #0e7c86;
  --va-primary-rgb: 14, 124, 134;
  --va-primary-hover: #0b6a73;
  --va-primary-active: #095a62;
  --va-on-primary: #fff;
  --va-on-gradient: #fff;
  --va-accent: #0e7c86;
  --va-accent-soft: #e6f4f5;
  --va-glow-1: rgba(14, 124, 134, .09);
  --va-glow-2: rgba(242, 183, 5, .08);
  --va-dark: #0a4f57;
  --va-dark-rgb: 10, 79, 87;
  --va-dark-2: #0d5f68;
  --va-surface: #f3f8f8;
  --va-gradient: linear-gradient(110deg, var(--va-teal-dark) 0%, var(--va-teal) 100%);

  --bs-body-color: #1d2b2e;
  --bs-link-color: #0b6b74;
  --bs-link-color-rgb: 11, 107, 116;
  --bs-link-hover-color: var(--va-teal-dark);
  --bs-link-hover-color-rgb: 10, 79, 87;
}

h1, h2, h3, .h1, .h2, .h3, .display-5, .display-6 { color: var(--va-teal-dark); }
.banner-gradient h2 { color: #fff; }
.hero .text-gradient, .stat-value.text-gradient { background: none; color: var(--va-teal); }

.btn-gradient { background: var(--va-teal); box-shadow: 0 .5rem 1.25rem rgba(14, 124, 134, .25); }
.btn-gradient:hover, .btn-gradient:focus-visible { background: var(--va-primary-hover); }

/* Подпись над заголовком — с пунктиром дорожной разметки */
.eyebrow { color: var(--va-teal); }
.eyebrow::before {
  content: ""; display: inline-block; width: 1.7rem; height: .3rem; margin-right: .55rem; vertical-align: 2px;
  border-radius: 2px; background: repeating-linear-gradient(90deg, var(--va-yellow) 0 .4rem, transparent .4rem .62rem);
}

.card-va { border: 1px solid #dcebec; box-shadow: 0 .5rem 1.5rem rgba(10, 79, 87, .06); }
.check-list li::before { color: var(--va-teal); }

/* Карточка единственного курса и таблица доп. услуг */
.offer-price { font-size: clamp(2.5rem, 6vw, 3.5rem); font-weight: 800; color: var(--va-teal-dark); line-height: 1; }
.offer-badge {
  width: 4.5rem; height: 4.5rem; border-radius: 1.1rem; display: grid; place-items: center;
  font-size: 2.4rem; font-weight: 800; color: #fff; background: var(--va-teal);
}
.road-line { height: .35rem; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--va-yellow) 0 1.4rem, transparent 1.4rem 2.2rem); }
.services-table td { padding: .9rem 0; border-bottom: 1px solid #e3eeef; vertical-align: top; }
.services-table td:last-child { text-align: right; white-space: nowrap; font-weight: 700; color: var(--va-teal-dark); padding-left: 1rem; }
.step-num {
  width: 2.75rem; height: 2.75rem; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center;
  font-weight: 800; color: #fff; background: var(--va-teal);
}
.step:last-child .step-num { background: var(--va-yellow); color: var(--va-teal-dark); }