/* Packet B — map companion tokens onto login page :root. Scoped to .arco-ui only.
   Does not restyle .btn-google, Discord, or authenticated HUD shells. */
.arco-ui {
  --arco-bg: var(--bg, #0b0d12);
  --arco-surface: var(--panel, #141820);
  --arco-surface-raised: var(--panel-2, #1a2029);
  --arco-inset: var(--bg-deep, #07090f);
  --arco-text: var(--ink, #ebe6d8);
  --arco-muted: var(--muted, #9aa3ad);
  --arco-gold: var(--gold, #c9a85c);
  --arco-teal: var(--cyan, #3ec6d8);
  --arco-edge: #667581;
  --arco-line: var(--line, #2a323c);
  --arco-brass: #826c43;
  --arco-focus: var(--cyan, #3ec6d8);
  --arco-radius: var(--radius, 8px);
  --arco-pad: 1rem;
  font-family: inherit;
}

.arco-ui.arco-login-surround {
  margin: 1rem 0 0;
}

/* Framed surround holds existing cards; do not flatten Google brand button. */
.arco-ui.arco-login-surround .arco-panel__body {
  padding: 0.85rem 0.9rem 1rem;
}

.arco-ui.arco-login-surround .card {
  margin: 0.75rem 0 0;
}

.arco-ui.arco-login-surround .auth-tabs {
  margin-top: 0;
}

/* Keep official Google button colors even if nested under .arco-ui */
.arco-ui .btn-google {
  background: #ffffff !important;
  color: #3c4043 !important;
  border: 1px solid #dadce0;
  filter: none !important;
}
.arco-ui .btn-google:hover {
  background: #f8f9fa !important;
  color: #202124 !important;
  filter: none !important;
}