:root {
  --gold-text: #825718;
  --muted: #525f6c;
}

/* Keep gold fills and give small text its own, darker shade. */
.brand b,
.lang:hover,
.eyebrow,
.overview-kicker,
.seo-page-kicker,
.seo-link-card > span,
.seo-timeline strong,
.seo-location-grid article > span,
.filter-kicker {
  color: var(--gold-text);
}

.section.truck-finder,
.section.quote-section,
.section.cinematic-cta,
.section.dark {
  --muted: #c5ced8;
  --text: #f5f7fa;
  color: #f5f7fa;
}

.section.truck-finder h2,
.section.quote-section h2,
.section.cinematic-cta h2 {
  color: #f5f7fa;
}

.section.truck-finder .lead,
.section.quote-section .lead,
.section.cinematic-cta p,
.section.dark .lead,
.section.dark .section-copy,
.section.dark p {
  color: #c5ced8;
}

.section.dark .eyebrow,
.section.truck-finder .eyebrow,
.section.quote-section .eyebrow,
.section.cinematic-cta .eyebrow,
.section.dark .card .num,
.seo-page-hero > div > span,
.seo-page-cta .seo-page-kicker,
.overview-facts-card .overview-kicker {
  color: #f0c57a;
}

.section.truck-finder .finder-form label {
  color: #d6dde5;
}

.finder-form input,
.finder-form select,
.quote-form input,
.quote-form textarea {
  color-scheme: dark;
  color: #f5f7fa;
  background: #0d131a;
  border-color: #687788;
}

.finder-form input::placeholder,
.quote-form input::placeholder,
.quote-form textarea::placeholder {
  color: #b7c2ce;
  opacity: 1;
}

.finder-form select option {
  color: #f5f7fa;
  background: #0d131a;
}

.product-info .quick-specs span,
.product-info .quick-specs b,
.product-card .card-spec-row span,
.qr-card .lead,
.qr-card p {
  color: #354351;
}

.product-info .quick-specs span,
.product-card .card-spec-row span {
  background: #f8f9fb;
  border-color: #9ba8b5;
}

.product-info .seo-product-brand-copy {
  margin: 0 0 18px;
  color: #4d5c6b;
  font-size: 15px;
  line-height: 1.85;
}

.product-info .product-meta,
.product-card .product-meta,
.catalog-toolbar,
.why-card p,
.filter-dialog-head p,
.filter-modal-form.advanced-filters label,
.seo-contact-methods span {
  color: #525f6c;
}

.filter-modal-form.advanced-filters input,
.filter-modal-form.advanced-filters select,
.seo-contact-form input,
.seo-contact-form textarea {
  color-scheme: light;
  color: #15212d;
  background: #fff;
  border-color: #8493a1;
}

.filter-modal-form.advanced-filters input::placeholder,
.seo-contact-form input::placeholder,
.seo-contact-form textarea::placeholder {
  color: #5d6a77;
  opacity: 1;
}

.latest-card > div {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(8, 13, 19, .94);
}

.latest-card > div > span {
  color: #f0c57a;
}

.latest-card h3 {
  color: #fff;
}

.hu-home-hero .hero-inner > p {
  color: #f1f4f7;
}

.hu-home-hero .hero-inner > .eyebrow {
  color: #f0c57a;
}

.hu-home-hero .hero-contact li {
  background: #fff;
  border-color: #c5ced7;
}

.hu-home-hero .hero-contact strong {
  color: #17212c;
}

.hu-home-hero .hero-contact span {
  color: #525f6c;
}

.hu-home-hero .hero-scroll-cue {
  color: #f1f4f7;
}

.hero.experience-hero.hu-home-hero > .hero-overlay {
  background: linear-gradient(90deg, rgba(8, 12, 17, .90), rgba(8, 12, 17, .66) 62%, rgba(8, 12, 17, .50)),
    linear-gradient(180deg, rgba(8, 12, 17, .12), rgba(8, 12, 17, .66));
}

[dir="rtl"] .hero.experience-hero.hu-home-hero > .hero-overlay {
  background: linear-gradient(270deg, rgba(8, 12, 17, .90), rgba(8, 12, 17, .66) 62%, rgba(8, 12, 17, .50)),
    linear-gradient(180deg, rgba(8, 12, 17, .12), rgba(8, 12, 17, .66));
}

.seo-two-column p {
  white-space: pre-line;
}

.slider-controls button {
  color: #17212c;
  background: #fff;
  border-color: #8593a0;
}

.slider-controls button:hover {
  color: #17212c;
  background: #f2dfba;
}

.section.dark .btn.ghost,
.section.truck-finder .btn.ghost,
.section.quote-section .btn.ghost,
.section.cinematic-cta .btn.ghost,
.seo-page-cta .btn.ghost {
  color: #17212c;
  background: #fff;
  border-color: #fff;
}

.btn.primary,
.overview-quote-link {
  color: #14181e;
}

.compare-tray,
.compare-check {
  color: #f5f7fa;
}

.compare-tray [data-compare-names] {
  color: #d0d8e2;
}

.filter-modal-open .sticky-whatsapp,
.filter-modal-open .compare-tray,
.lightbox-open .sticky-whatsapp {
  visibility: hidden;
  pointer-events: none;
}

body:not(.js-ready) .reveal,
body:not(.js-ready) .reveal-section {
  opacity: 1;
  transform: none;
  filter: none;
}

.admin-form small,
td small,
.admin-topbar p,
.admin-main .muted {
  color: #53616f;
}

.admin-main th {
  color: #4e5c6a;
}

.admin-form input::placeholder,
.admin-form textarea::placeholder,
.login-card input::placeholder {
  color: #5d6a77;
  opacity: 1;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex="0"]:focus-visible {
  outline: 3px solid #8a5a18;
  outline-offset: 4px;
}

.section.dark :focus-visible,
.truck-finder :focus-visible,
.quote-section :focus-visible,
.cinematic-cta :focus-visible,
.hu-home-hero :focus-visible,
.admin-sidebar :focus-visible {
  outline-color: #f4ca83;
}

@media (prefers-contrast: more) {
  .btn,
  .finder-form input,
  .finder-form select,
  .quote-form input,
  .quote-form textarea {
    border-width: 2px;
  }
}

/* Hide the spam trap without extending the RTL page's scroll area. */
.hp-field {
  position: absolute !important;
  inset: auto !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}