/* AJGT public copper presentation.
   White is unchanged: overrides activate only for html[data-theme="copper"].
   Palette echoes the existing associates and contact-banner gradient. */
html[data-theme="copper"] {
  --ink: #fffaf6;
  --muted: #f7dacd;
  --page: #8b3d2c;
  --ivory: #a84f37;
  --ivory-dark: #8f402c;
  --border: rgba(255,239,228,.29);
}
html[data-theme="copper"] body {
  color: #fffaf6;
  background: #8b3d2c;
}
html[data-theme="copper"] .site-header {
  background: linear-gradient(115deg,#72301f 0%,#9b472f 56%,#bd6a4d 100%);
  border-bottom: 1px solid rgba(255,233,218,.35);
}
/* In Copper mode the company logo sits directly on the gradient, with no pill. */
html[data-theme="copper"] .site-header .brand {
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
  min-width: 0;
}
/* Keep the text-only fallback legible if the uploaded logo is unavailable. */
html[data-theme="copper"] .site-header .brand-text strong { color: #fff8f2; }
html[data-theme="copper"] .site-header .brand-text small { color: #ffe2d2; }
html[data-theme="copper"] .site-nav a { color: #fff9f5; }
html[data-theme="copper"] .site-nav a:is(:hover,.active) { color: #ffe2ce; }
html[data-theme="copper"] .site-nav a.active::after { background: #ffe0c7; }
html[data-theme="copper"] .menu-toggle { border-color: rgba(255,242,231,.7); }
html[data-theme="copper"] .menu-toggle span { background: #fff5ed; }
html[data-theme="copper"] .hero,
html[data-theme="copper"] .hero.has-bg-video {
  background: linear-gradient(112deg,#7a3021 0%,#99442f 42%,#bf6c4c 75%,#d78b6c 100%);
}
html[data-theme="copper"] .hero h1,
html[data-theme="copper"] .hero-content,
html[data-theme="copper"] .hero-description { color: #fff9f4; }
html[data-theme="copper"] .hero h1 span,
html[data-theme="copper"] h2 span { color: #ffe1cc; }
html[data-theme="copper"] .hero.has-bg-video .hero-content {
  text-shadow: 0 2px 14px rgba(65,16,10,.33);
}
html[data-theme="copper"] .hero-video-backdrop::after {
  background: linear-gradient(90deg,
    rgba(84,30,20,.95) 0%,
    rgba(112,40,26,.88) 28%,
    rgba(139,59,37,.72) 50%,
    rgba(139,59,37,.35) 77%,
    rgba(139,59,37,.22) 100%);
}
html[data-theme="copper"] .eyebrow,
html[data-theme="copper"] .text-link { color: #ffe0cc; }
html[data-theme="copper"] .eyebrow-line { background: #ffe0cc; }
html[data-theme="copper"] .button-primary {
  color: #71321f;
  background: #fff0e4;
  box-shadow: 0 7px 25px rgba(66,20,12,.2);
}
html[data-theme="copper"] .button-primary:hover {
  background: #ffe1cc;
  box-shadow: 0 9px 26px rgba(66,20,12,.3);
}
html[data-theme="copper"] .hero-actions .text-link:hover,
html[data-theme="copper"] .text-link:hover { color: #fff; }
html[data-theme="copper"] .visual-slot {
  border-color: rgba(255,224,208,.35);
  background: linear-gradient(140deg,#bb7157,#884029);
}
html[data-theme="copper"] .highlights {
  background: linear-gradient(120deg,rgba(108,39,24,.83),rgba(163,74,48,.87));
  border-color: rgba(255,238,226,.39);
  color: #fff9f5;
  box-shadow: 0 12px 30px rgba(66,20,12,.2);
}
html[data-theme="copper"] .highlight { border-color: rgba(255,237,225,.3); }
html[data-theme="copper"] .highlight-number,
html[data-theme="copper"] .highlight-icon,
html[data-theme="copper"] .highlight:nth-child(2) small { color: #ffe0c9; }
html[data-theme="copper"] .highlight-icon { border-color: rgba(255,232,217,.6); }
html[data-theme="copper"] .highlight small { color: #f9dfd4; }
html[data-theme="copper"] .divisions-section {
  background: linear-gradient(156deg,#a14d33 0%,#b9674b 52%,#8b3926 100%);
}
html[data-theme="copper"] .section-heading p:not(.eyebrow),
html[data-theme="copper"] .division-card li,
html[data-theme="copper"] .reach-copy p:not(.eyebrow),
html[data-theme="copper"] .about-content p:not(.eyebrow),
html[data-theme="copper"] .vision-content p,
html[data-theme="copper"] .faq-heading p:not(.eyebrow) { color: #ffe6da; }
html[data-theme="copper"] .division-card {
  background: linear-gradient(150deg,rgba(112,40,24,.94),rgba(146,58,39,.94));
  border-color: rgba(255,226,208,.32);
  box-shadow: 0 8px 25px rgba(64,18,11,.1);
}
html[data-theme="copper"] .division-card:hover { box-shadow: 0 18px 40px rgba(60,14,7,.29); }
html[data-theme="copper"] .division-index,
html[data-theme="copper"] .division-symbol { color: #ffe4ce; }
html[data-theme="copper"] .division-symbol { background: rgba(255,239,226,.15); }
html[data-theme="copper"] .division-card li::before { background: #ffe2cd; }
html[data-theme="copper"] .circle-link { color: #ffe3ce; border-color: rgba(255,231,215,.8); }
html[data-theme="copper"] .circle-link:hover { color: #74321f; background: #ffe4d0; }
html[data-theme="copper"] .reach-section,
html[data-theme="copper"] .about-section {
  background: linear-gradient(130deg,#8c3c29 0%,#b65f43 58%,#a64c33 100%);
}
html[data-theme="copper"] .reach-panel {
  background: linear-gradient(130deg,#73301f,#a34c34 53%,#bd7051);
  border-color: rgba(255,231,215,.37);
  box-shadow: 0 12px 34px rgba(62,19,12,.15);
}
html[data-theme="copper"] .reach-map { border-color: rgba(255,230,215,.35); }
html[data-theme="copper"] .market-tags span {
  background: rgba(255,239,225,.15);
  color: #fff3eb;
  border-color: rgba(255,237,225,.47);
}
html[data-theme="copper"] .about-floating-card {
  background: linear-gradient(125deg,#7c3020,#a65338);
  color: #fffaf6;
  border-color: rgba(255,234,218,.4);
  box-shadow: 0 12px 32px rgba(56,18,9,.24);
}
html[data-theme="copper"] .about-floating-card span { color: #ffe1ca; }
html[data-theme="copper"] .about-floating-card small { color: #ffe0d0; }
html[data-theme="copper"] .vision-section {
  background: linear-gradient(130deg,#71301f 0%,#97452e 63%,#ad5f41 100%);
  border-color: rgba(255,227,210,.25);
}
html[data-theme="copper"] .vision-content li { border-color: #f4bc9b; }
html[data-theme="copper"] .faq-section {
  background: linear-gradient(155deg,#a55339 0%,#843520 100%);
}
html[data-theme="copper"] .faq-list details {
  background: rgba(92,30,19,.57);
  border-color: rgba(255,228,211,.34);
}
html[data-theme="copper"] .faq-list details[open] {
  background: rgba(110,35,21,.81);
  border-color: rgba(255,232,214,.66);
}
html[data-theme="copper"] .faq-list details p { color: #fce1d5; }
html[data-theme="copper"] .faq-list summary span { color: #ffe2cd; border-color: rgba(255,230,210,.6); }
html[data-theme="copper"] .faq-list details p a { color: #fff0df; }
html[data-theme="copper"] .contact-banner {
  background: linear-gradient(125deg,#82331f 0%,#ae573b 52%,#d28a6d 100%);
}
html[data-theme="copper"] .contact-banner .eyebrow { color: #ffe2d0; }
html[data-theme="copper"] .contact-banner h2 span { color: #ffe2cc; }
html[data-theme="copper"] .inquiry-widget {
  --ink: #242125;
  --muted: #666b73;
  color: #242125;
  background: #fffaf7;
  border: 1px solid #efcaba;
}
html[data-theme="copper"] .inquiry-widget .button-primary {
  background: #9c472d;
  color: white;
}
html[data-theme="copper"] .inquiry-widget .button-primary:hover { background: #793320; }
html[data-theme="copper"] .inquiry-widget .inquiry-intro .eyebrow { color: #9a482f; }
html[data-theme="copper"] .inquiry-widget .inquiry-intro h3 { color: #252229; }
html[data-theme="copper"] .client-logo-section {
  background: linear-gradient(125deg,#81351f 0%,#a55236 52%,#d48e71 100%);
}
html[data-theme="copper"] .client-logo-card {
  background: #fff;
  color: #2a2220;
  border-color: rgba(96,37,20,.7);
}
html[data-theme="copper"] .site-footer {
  background: linear-gradient(130deg,#471d15 0%,#66291d 55%,#823822 100%);
}
html[data-theme="copper"] .footer-grid p,
html[data-theme="copper"] .footer-grid a:not(.brand),
html[data-theme="copper"] .footer-bottom { color: #f0cbc0; }
html[data-theme="copper"] .footer-office { border-color: rgba(255,228,212,.35); }
html[data-theme="copper"] .footer-bottom { border-color: rgba(255,228,212,.3); }
html[data-theme="copper"] .footer-name { color: #ffe0c7; }
html[data-theme="copper"] .footer-logo-frame { background: #fffaf6; }
@media(max-width:900px){
  html[data-theme="copper"] .site-nav {
    background: linear-gradient(150deg,#78311f,#a25137);
    border-color: rgba(255,231,214,.36);
  }
}
@media(max-width:630px){
  html[data-theme="copper"] .hero-video-backdrop::after {
    background: linear-gradient(90deg,rgba(78,28,19,.91),rgba(125,46,29,.76));
  }
}


/* White theme: retain the original light site, but match the approved copper
   ship-video hero reference. Copper theme continues using its own rules. */
html[data-theme="white"] .hero,
html[data-theme="white"] .hero.has-bg-video {
  background: linear-gradient(112deg,#7a3021 0%,#99442f 42%,#bf6c4c 75%,#d78b6c 100%);
  color: #fff9f4;
}
html[data-theme="white"] .hero .hero-video-backdrop { background: #873b2a; }
html[data-theme="white"] .hero .hero-video-backdrop::after {
  background: linear-gradient(90deg,
    rgba(84,30,20,.95) 0%,
    rgba(112,40,26,.88) 28%,
    rgba(139,59,37,.72) 50%,
    rgba(139,59,37,.35) 77%,
    rgba(139,59,37,.22) 100%);
}
html[data-theme="white"] .hero .hero-content,
html[data-theme="white"] .hero h1,
html[data-theme="white"] .hero .hero-description {
  color: #fff9f4;
}
html[data-theme="white"] .hero h1 span { color: #ffe1cc; }
html[data-theme="white"] .hero.has-bg-video .hero-content {
  text-shadow: 0 2px 14px rgba(65,16,10,.33);
}
html[data-theme="white"] .hero .eyebrow,
html[data-theme="white"] .hero .text-link { color: #ffe0cc; }
html[data-theme="white"] .hero .eyebrow-line { background: #ffe0cc; }
html[data-theme="white"] .hero .text-link:hover { color: #fff; }
html[data-theme="white"] .hero .button-primary {
  color: #71321f;
  background: #fff0e4;
  box-shadow: 0 7px 25px rgba(66,20,12,.2);
}
html[data-theme="white"] .hero .button-primary:hover {
  background: #ffe1cc;
  box-shadow: 0 9px 26px rgba(66,20,12,.3);
}
html[data-theme="white"] .hero .highlights {
  background: linear-gradient(120deg,rgba(108,39,24,.83),rgba(163,74,48,.87));
  border-color: rgba(255,238,226,.39);
  color: #fff9f5;
  box-shadow: 0 12px 30px rgba(66,20,12,.2);
}
html[data-theme="white"] .hero .highlight { border-color: rgba(255,237,225,.3); }
html[data-theme="white"] .hero .highlight-number,
html[data-theme="white"] .hero .highlight-icon,
html[data-theme="white"] .hero .highlight:nth-child(2) small { color: #ffe0c9; }
html[data-theme="white"] .hero .highlight-icon { border-color: rgba(255,232,217,.6); }
html[data-theme="white"] .hero .highlight small { color: #f9dfd4; }
/* If the background video cannot play, the hero's original image slot
   retains a warm branded fallback instead of an unrelated white panel. */
html[data-theme="white"] .hero .hero-image {
  border-color: rgba(255,224,208,.35);
  background: linear-gradient(140deg,#bb7157,#884029);
}
@media (max-width: 900px) {
  html[data-theme="white"] .hero .hero-video-backdrop::after {
    background: linear-gradient(90deg,rgba(84,30,20,.94),rgba(139,59,37,.70) 70%,rgba(139,59,37,.33));
  }
}
@media (max-width: 630px) {
  html[data-theme="white"] .hero .hero-video-backdrop::after {
    background: linear-gradient(90deg,rgba(78,28,19,.91),rgba(125,46,29,.76));
  }
}