:root {
  --brand-primary: #0a7a66;
  --brand-primary-dark: #086352;
  --brand-tint: #dff3ea;
  --brand-tint-soft: #e9f6f0;
  --brand-navy: #12293a;
  --brand-surface: #f1f5f4;
  --brand-border: #dbe5e3;
  --brand-muted: #5c707b;
  --brand-accent: #4fd1a5;
  --brand-logo-accent: #1d9e75;
  --brand-focus: #4ca68f;
}
.brand-logo { display: block; width: 36px; height: 36px; object-fit: contain; flex: 0 0 36px; }
.brand-wordmark { display: flex; flex-direction: column; line-height: 1.05; }
.brand-wordmark strong { color: var(--brand-navy); font-size: 20px; font-weight: 800; letter-spacing: -.5px; line-height: 1.1; }
.brand-wordmark strong span { color: var(--brand-logo-accent); }
.brand-wordmark small { color: var(--brand-muted); font-size: 7px; font-weight: 700; letter-spacing: .08em; margin-top: 4px; }
.brand-light .brand-wordmark strong { color: #fff; }
.brand-light .brand-wordmark strong span { color: #5dcaa5; }
.brand-light .brand-wordmark small { color: #c2d9d4; }