/* Final brand layer: keeps legacy pages inside the palette sampled from the logo. */
.docs-layout a,
.docs-layout button,
.docs-welcome p {
  color: var(--brand-600) !important;
}

.docs-cate__item.is-active,
.docs-nav__link.is-active,
.docs-search__result a:hover {
  border-color: var(--brand-500);
}

.docs-layout a:focus-visible,
.docs-layout button:focus-visible,
.docs-layout input:focus-visible {
  outline-color: var(--brand-500) !important;
}

.docs-entry-grid a:hover,
.docs-capability-grid a:hover {
  border-color: var(--brand-500) !important;
  background: var(--brand-blue-soft);
}

.docs-landing-lead {
  border-left-color: var(--brand-gold) !important;
  background: var(--brand-gold-soft) !important;
}

.docs-entry-grid a i,
.docs-capability-grid i {
  color: var(--brand-coral) !important;
}

.docs-capability-grid b {
  color: var(--brand-600) !important;
}

.docs-welcome__status {
  background: var(--ink-900) !important;
}

/* Product photography must show the whole object; no crop is used for proof images. */
.golf-result-grid img {
  object-fit: contain !important;
  background: linear-gradient(145deg, var(--brand-blue-soft), #fff 55%, var(--brand-coral-soft));
}

.golf-process img {
  object-fit: contain !important;
  background: #fff;
}

.golf-ball {
  --ball-color: var(--brand-blue-logo);
}

.scene-card img,
.case-image img,
.collage-card img,
.path-visual img,
.gallery-track img,
.preview-art img {
  object-fit: contain !important;
  background: linear-gradient(145deg, var(--brand-blue-soft), #fff 58%, var(--brand-mint-soft));
}

.scene-card:hover img,
.case-card:hover .case-image img,
.gallery-track button:hover img,
.golf-result-grid button:hover img {
  transform: none !important;
}

/* The playful palette follows the same six logo colors across interactive controls. */
.golf-page .color-blue {
  background: var(--brand-blue-logo) !important;
}

.golf-page .color-coral {
  background: var(--brand-coral-logo) !important;
}

.golf-page .color-teal {
  background: var(--brand-mint-logo) !important;
}

.golf-page .color-gold {
  background: var(--brand-gold-logo) !important;
}

.docs-cate__item:hover,
.docs-nav__link:hover,
.docs-nav__link.is-active {
  color: var(--brand-600) !important;
}

.docs-cate__item.is-active {
  background: var(--brand-500) !important;
  color: #fff !important;
}

.docs-nav__link.is-active {
  background: var(--brand-blue-soft) !important;
  border-left-color: var(--brand-500) !important;
}

.docs-welcome h1 {
  color: var(--ink-900) !important;
}

.docs-welcome h1 em {
  color: var(--brand-teal) !important;
}

.docs-welcome {
  background: linear-gradient(130deg, var(--brand-blue-soft), #fff 54%, var(--brand-mint-soft)) !important;
}

@media (prefers-reduced-motion: reduce) {

  .golf-result-grid img,
  .docs-entry-grid a,
  .docs-capability-grid a {
    transition: none !important;
  }
}
