/* Shared GAH palette. Loaded last by both master pages. */
:root {
  --gah-accent: #876238;
  --gah-accent-hover: #6c4c29;
  --gah-accent-deep: #543b23;
  --gah-accent-light: #dfc39d;
  --gah-accent-soft: #f4ede4;
  --gah-accent-rgb: 135, 98, 56;
  --gah-on-accent: #ffffff;
  --skin-color: var(--gah-accent);
}

/* Theme accents that were hard-coded in the original stylesheets. */
.ttm-slider-textarea,
.footer .ttm-footer-quickcallbox,
.featured-icon-box.style13 .featured-content:before,
.featured-icon-box.style13 .featured-content .ttm-box-heading,
.featured-imagebox-portfolio.style4 .ttm-media-link {
  background-color: var(--gah-accent);
}
.widget.widget-nav-menu ul li a:before {
  border-left-color: var(--gah-accent);
}

/* A brown fill uses white text, including the legacy villa controls. */
body :is(.btn-gold, .btn-gah, .btn-view:not(.btn-view-outline), .btn-view-f4, .gah-btn--gold, .gah-modal .gah-btn),
body .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor {
  background: var(--gah-accent);
  border-color: var(--gah-accent);
  color: var(--gah-on-accent) !important;
}
body :is(.btn-gold, .btn-gah, .btn-view:not(.btn-view-outline), .btn-view-f4, .gah-btn--gold, .gah-modal .gah-btn):hover,
body .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover {
  background: var(--gah-accent-hover);
  border-color: var(--gah-accent-hover);
  color: var(--gah-on-accent) !important;
}
body .btn-view-outline {
  color: var(--gah-accent) !important;
  border-color: var(--gah-accent);
  background: #ffffff;
}
body .btn-view-outline:hover {
  color: var(--gah-on-accent) !important;
  background: var(--gah-accent);
  border-color: var(--gah-accent);
}
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
.ttm-bgcolor-skincolor .ttm-icon i {
  color: var(--gah-on-accent);
}
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor i { color:inherit; }

/* Light bronze text keeps accents legible over dark sections and photos. */
:is(.ttm-bgcolor-darkgrey, .ttm-textcolor-white, .hero-slider, .gah-modal__footer, rs-slide) .ttm-textcolor-skincolor,
.ttm-page-title-row .breadcrumb-wrapper,
.ttm-page-title-row .breadcrumb-wrapper :is(span, i),
.ttm-page-title .breadcrumb-wrapper,
.ttm-page-title .breadcrumb-wrapper :is(span, i),
.footer a:hover,
.footer a:hover i,
.ttm-bgcolor-darkgrey a:not(.ttm-btn):hover {
  color: var(--gah-accent-light);
}
.ttm-bgcolor-skincolor .ttm-textcolor-skincolor { color:var(--gah-on-accent); }
.hero-slider .dots button[aria-selected="true"] { background:var(--gah-accent-light); }

/* Shared villa and home-page highlights. */
body :is(.pillar--gold, .pillar--blue, .pillar--green) {
  background: linear-gradient(135deg, var(--gah-accent), var(--gah-accent-hover)) !important;
}
.pillar :is(.pillar__stat, .pillar__label, .pillar__text) { color:var(--gah-on-accent); }
.why-gah__item .icon,
.why-gah__icon,
.lead-icon,
.gah-mark,
.qc-badge { color:var(--gah-on-accent); }
.wg-card__icon svg { fill:var(--gah-on-accent); }
.villa-tabs [role="tab"][aria-selected="true"] { color:var(--gah-on-accent); }
.ott-btn:not(.ott-btn--ghost),
body .ott-tabs-scope .tabs .tab.active a { color:var(--gah-on-accent) !important; }
.ott-btn:not(.ott-btn--ghost):hover { background:var(--gah-accent-hover); }
.ott-card .ott-card__title { color:var(--gah-accent-light); }

/* The project pages use the same tokens as the rest of the public site. */
.gp-page { --gp-gold:var(--gah-accent); }
.gp-page h1 em,
.gp-page .gp-eyebrow,
.gp-feature-number,
.gp-card-action span,
.gp-progress strong { color:var(--gah-accent); }
.gp-text-link { border-bottom-color:var(--gah-accent); }
.gp-tabs a[aria-current] { color:var(--gah-accent); }
.gp-tabs a[aria-current]:after { background:var(--gah-accent); }
.gp-filter-options button[aria-pressed=true],
.gp-button {
  background:var(--gah-accent);
  border-color:var(--gah-accent);
  color:var(--gah-on-accent);
}
.gp-button:hover { background:var(--gah-accent-hover); border-color:var(--gah-accent-hover); }
.gp-progress progress::-webkit-progress-value { background:var(--gah-accent); }
.gp-progress progress::-moz-progress-bar { background:var(--gah-accent); }

/* Visible keyboard focus without changing component dimensions. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline:2px solid var(--gah-accent);
  outline-offset:4px;
}
:is(.footer, .hero-slider, .ttm-bgcolor-darkgrey, .gp-lightbox) :is(a, button, input, select, textarea):focus-visible {
  outline-color:var(--gah-accent-light);
}