/* Refined gold: muted antique brass instead of bright yellow-orange. */
:root,
html:not([data-theme="light"]),
html[data-theme="light"] {
  --primary: #b18a5c !important;
  --primary-strong: #986b41 !important;
  --primary-deep: #624126 !important;
  --on-primary: #17120d !important;
  --primary-rgb: 177, 138, 92 !important;
  --primary-strong-rgb: 152, 107, 65 !important;
  --primary-deep-rgb: 98, 65, 38 !important;
  --gold-rgb: 152, 107, 65 !important;
  --dark-line-rgb: 152, 107, 65 !important;
  --workflow-accent-rgb: 152, 107, 65 !important;
  --functional-platinum: #9caab0;
  --functional-platinum-strong: #c6d1d5;
  --functional-platinum-deep: #58676e;
  --functional-platinum-rgb: 156, 170, 176;
}

html[data-theme="light"] {
  --light-chrome-accent-rgb: 142, 111, 76 !important;
}

/* Primary actions use a warm bronze surface with a restrained highlight. */
.button-primary {
  border-color: rgba(208, 160, 107, 0.72) !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.28), transparent 38%),
    linear-gradient(135deg, #b9824f, #7a4b28) !important;
  color: #11100d !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 220, 0.42),
    inset 0 -1px 0 rgba(72, 43, 21, 0.24),
    0 12px 34px rgba(128, 74, 34, 0.24),
    0 0 0 0 rgba(208, 160, 107, 0);
}

.button-primary:hover,
.button-primary:focus-visible {
  border-color: #d0a06b !important;
  background:
    linear-gradient(115deg, rgba(255, 238, 218, 0.2), transparent 38%),
    linear-gradient(135deg, #c4935f, #8d582f) !important;
  color: #fff1e3 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 218, 0.2),
    0 16px 40px rgba(110, 61, 28, 0.3),
    0 0 0 1px rgba(208, 160, 107, 0.24) inset,
    0 0 0 4px rgba(208, 160, 107, 0.1);
}

.button-primary::after {
  background: rgba(208, 160, 107, 0.16) !important;
}

.button-ghost {
  border-color: rgba(196, 147, 95, 0.42) !important;
  background: rgba(13, 16, 14, 0.48) !important;
  color: #c4935f !important;
}

.button-ghost:hover,
.button-ghost:focus-visible {
  border-color: rgba(208, 160, 107, 0.82) !important;
  background: rgba(185, 130, 79, 0.1) !important;
  color: #d0a06b !important;
}

.pricing-request-link {
  border-color: rgba(var(--gold-rgb), 0.28) !important;
  background: rgba(var(--gold-rgb), 0.08) !important;
  color: var(--primary-strong) !important;
  box-shadow: none !important;
}

.pricing-request-link:hover,
.pricing-request-link:focus-visible {
  border-color: rgba(var(--gold-rgb), 0.52) !important;
  background: rgba(var(--gold-rgb), 0.15) !important;
  color: var(--primary) !important;
  box-shadow: none !important;
}

.pricing-request-link .material-symbols-outlined {
  color: inherit !important;
}

/* Functional accents use platinum; warm gold remains reserved for branding. */
.page-scroll-button,
.articles-carousel-button,
.articles-carousel-dot,
.articles-carousel-status strong,
.service-direction-nav .service-direction-all,
.service-direction-nav .service-direction-link.is-active > .material-symbols-outlined,
.service-direction-nav .service-direction-link.is-active .service-direction-link-copy > strong,
.pricing-category-nav a.is-active > .material-symbols-outlined,
.site-map-toggle,
.site-map-kicker {
  color: var(--functional-platinum) !important;
}

.page-scroll-button:hover,
.page-scroll-button:focus-visible,
.articles-carousel-button:hover,
.articles-carousel-button:focus-visible,
.articles-carousel-dot:hover,
.articles-carousel-dot:focus-visible,
.articles-carousel-dot.is-active,
.service-direction-nav .service-direction-all:hover,
.service-direction-nav .service-direction-all:focus-visible,
.site-map-toggle:hover,
.site-map-toggle:focus-visible {
  color: var(--functional-platinum-strong) !important;
  border-color: rgba(var(--functional-platinum-rgb), 0.72) !important;
}

.page-scroll-button:focus-visible,
.articles-carousel-dot:focus-visible {
  outline-color: rgba(var(--functional-platinum-rgb), 0.5) !important;
}

.service-direction-nav .service-direction-link.is-active,
.pricing-category-nav a.is-active {
  border-left-color: var(--functional-platinum) !important;
}

.site-map-toggle-icon,
.site-map-toggle-close-icon,
.site-map-toggle-map::after {
  color: var(--functional-platinum) !important;
  border-color: rgba(var(--functional-platinum-rgb), 0.64) !important;
}