:root {
  --overa-brand-green: #13af3b;
  --overa-brand-black: #11171e;
  --overa-brand-white: #ffffff;
  --overa-brand-sage: #8c9794;
  --overa-brand-cyan: #0dcfd5;
  --overa-brand-amber: #efa83c;
}
.overa-brand-surface {
  --overa-brand-background: var(--overa-brand-white);
  --overa-brand-text: var(--overa-brand-black);
  --overa-brand-secondary-text: var(--overa-brand-black);
  --overa-brand-focus: var(--overa-brand-black);
  color: var(--overa-brand-text);
  background: var(--overa-brand-background);
}
.overa-brand-surface[data-overa-brand-theme="dark"] {
  --overa-brand-background: var(--overa-brand-black);
  --overa-brand-text: var(--overa-brand-white);
  --overa-brand-secondary-text: var(--overa-brand-sage);
  --overa-brand-focus: var(--overa-brand-cyan);
}
.overa-brand-logo { display:block; width:180px; height:auto; }
.overa-brand-action {
  background:var(--overa-brand-green);
  color:var(--overa-brand-black);
  border:1px solid var(--overa-brand-black);
  border-radius:8px; padding:12px 20px; font:inherit; font-weight:600;
}
.overa-brand-action:hover { text-decoration:underline; }
.overa-brand-action:focus-visible {
  outline:3px solid var(--overa-brand-focus, var(--overa-brand-black));
  outline-offset:3px;
}