/* HKAWM: coordinated deep teal surfaces, 2026-09-12.
   Replaces the brand-green-v1.css link. Exact logo green remains an accent.
   Footer is deeper than the content panel; light copy has generous contrast.
   Scope: the existing footer and homepage industry overview, including states. */
html .site-footer {
  --hkawm-green-surface: #0b403c;
  --hkawm-on-green: #d9e9e5;
  --hkawm-on-green-muted: #bdd5ce;
  --hkawm-green-rule: rgba(217,233,229,.22);
  background: var(--hkawm-green-surface) !important;
  color: var(--hkawm-on-green);
}
html .harbour-main .portal-industry {
  --hkawm-green-surface: #0e5a54;
  --hkawm-on-green: #d9e9e5;
  --hkawm-on-green-muted: #bdd5ce;
  --hkawm-green-rule: rgba(217,233,229,.22);
  background: var(--hkawm-green-surface) !important;
  color: var(--hkawm-on-green);
}
html .site-footer .footer-heading {
  color: #aad1c7;
}
html .site-footer .footer-copy,
html .site-footer .footer-link,
html .site-footer .hk-community-links .hk-community-link {
  color: var(--hkawm-on-green);
  opacity: 1;
}
html .site-footer .footer-meta,
html .site-footer .visual-credit {
  color: var(--hkawm-on-green-muted);
  opacity: 1;
}
html .site-footer .hk-community-links .hk-community-link[aria-disabled="true"] {
  color: #9ebdb4;
  opacity: 1;
}
html .site-footer .footer-link:hover,
html .site-footer .footer-link:focus-visible,
html .site-footer .visual-credit:hover,
html .site-footer .visual-credit:focus-visible {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: .2em;
}
html .site-footer .hk-community-links .hk-community-link:hover,
html .site-footer .hk-community-links .hk-community-link:focus-visible {
  color: #fff;
  background: transparent;
}
/* Keep unavailable channels visibly secondary, including pointer hover. */
html .site-footer .hk-community-links .hk-community-link[aria-disabled="true"]:hover {
  color: #9ebdb4;
  background: transparent;
}
html .site-footer a:focus-visible {
  outline: 2px solid #d9e9e5;
  outline-offset: 3px;
}
html .site-footer .hk-community-links .hk-community-link:focus-visible {
  outline: 2px solid #d9e9e5;
  outline-offset: -5px;
}
/* SVG cut-outs must match their actual surface, not the former navy/bright teal. */
html .site-footer [data-social="youtube"] .hk-community-icon > path,
html .site-footer [data-social="wechat"] .hk-community-icon > circle {
  fill: var(--hkawm-green-surface);
}
html .site-footer .footer-divider {
  border-color: var(--hkawm-green-rule);
}
html .harbour-main .portal-industry .portal-heading h2,
html .harbour-main .portal-industry .industry-value {
  color: #fff;
}
html .harbour-main .portal-industry .industry-label,
html .harbour-main .portal-industry .industry-details > summary {
  color: var(--hkawm-on-green);
}
html .harbour-main .portal-industry .industry-note,
html .harbour-main .portal-industry .industry-note a {
  color: var(--hkawm-on-green-muted);
}
html .harbour-main .portal-industry .industry-note a:hover,
html .harbour-main .portal-industry .industry-note a:focus-visible,
html .harbour-main .portal-industry .industry-details > summary:hover,
html .harbour-main .portal-industry .industry-details > summary:focus-visible {
  color: #fff;
}
html .harbour-main .portal-industry .industry-note a:hover,
html .harbour-main .portal-industry .industry-note a:focus-visible {
  text-decoration: underline;
  text-underline-offset: .2em;
}
html .harbour-main .portal-industry .industry-card,
html .harbour-main .portal-industry .industry-details {
  border-color: var(--hkawm-green-rule);
}
html .harbour-main .portal-industry a:focus-visible,
html .harbour-main .portal-industry .industry-details:focus-visible,
html .harbour-main .portal-industry .industry-details > summary:focus-visible {
  outline: 2px solid #d9e9e5;
  outline-offset: 3px;
}
/* The expanded table remains white with its native dark text. Dark focus also
   stays visible against the white scroll area. Do not broadly recolor descendants. */
html .harbour-main .portal-industry .industry-table-wrap:focus-visible {
  outline: 2px solid #0e5a54;
  outline-offset: -3px;
}