/* Good Opening: shared brand colors; outcome and chart colors stay semantic. */
:root {
  --brand-navy:#102d4f;
  --brand-navy-hover:#1d4064;
  --brand-gold:#efae22;
  --brand-gold-hover:#f5c252;
  --brand-paper:#faf8f3;
  --brand-white:#ffffff;
  --brand-ink:#192f49;
  --brand-muted:#5d6c7d;
  --brand-line:#dce1e5;
  --brand-soft:#f1eee6;
  --brand-gold-soft:#fff2cf;
  --brand-gold-ink:#795310;
  --brand-sidebar-text:#d5dfe9;
  --brand-sidebar-muted:#a4b5c7;
}
.goodopening-brand.brand {display:inline-flex;align-items:center;gap:10px;width:auto;max-width:100%;padding:0;background:transparent;color:var(--brand-navy);text-decoration:none;line-height:1;flex-shrink:0}
.goodopening-brand img {display:block;width:44px;height:52px;object-fit:contain;flex-shrink:0}
.goodopening-brand .brand-name {font:750 23px/1.1 system-ui,sans-serif;letter-spacing:-1px;color:inherit}
.goodopening-brand .brand-mark-dark {display:none}
.workspace-navigation-header .goodopening-brand {color:var(--brand-white)}
.workspace-navigation-header .brand-mark-light {display:none}
.workspace-navigation-header .brand-mark-dark {display:block}
:focus-visible {outline:3px solid var(--brand-gold);outline-offset:3px}
/* Decorative overview surfaces use the brand; stage colors remain meaningful. */
.collection-hero{background:linear-gradient(115deg,var(--brand-gold-soft),var(--brand-paper));border-color:var(--brand-line)}
.collection-hero .hero-total,.collection-equation strong{color:var(--brand-navy)}
.collection-equation>p{border-color:var(--brand-line)}