:root {
  --as-teal-dark: #0F3D3A;
  --as-teal: #2E7D6B;
  --as-sage: #8FBC8F;
  --as-gold: #D4B07D;
  --as-gold-light: #E3C89D;
  --as-cream: #F6F4EF;
  --as-text: var(--as-teal-dark);
  --as-surface: var(--as-cream);
}

.as-brand-surface {
  background: var(--as-cream);
  color: var(--as-teal-dark);
}

.as-brand-logo {
  display: block;
  width: min(100%, 720px);
  height: auto;
}