/* VPS Group co-brand (vps.solosecure.tech/toweros). Colours from vpsgroup.com:
   black #000, white #fff, yellow #ff0 (its Find Out More and Contact buttons), Roboto.
   Loaded only on the VPS host (src/lib/vpsPortal.ts). Tower OS keeps its name. */
:root {
  --vps-yellow: #ffff00;
  --vps-black: #000000;
  --vps-white: #ffffff;
}
body.vps-brand { font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif; }
/* No orange on the VPS area: login.css and mission-control.css set the Solo orange
   on :root; these take it over here. Yellow (VPS's) is the accent, black the text. */
body.vps-brand {
  --orange: #ffff00;
  --orange-d: #000000;
  --orange-bg: #fffde0;
  --orange-ln: #d9d900;
}
body.vps-brand .btn,
body.vps-brand button.btn {
  background: var(--vps-yellow) !important;
  color: var(--vps-black) !important;
  border-radius: 999px;
}
body.vps-brand .btn:hover { filter: brightness(0.95); }
/* VPS's logo in place of Solo's (vps-logo-white.svg, swapped in by brandVpsHtml). */
body.vps-brand .brand img,
body.vps-brand .mbrand img {
  width: 132px !important;
  height: auto !important;
}
body.vps-brand .brand .bdiv { background: rgba(255, 255, 255, 0.35); }
body.vps-brand .bname { color: var(--vps-yellow); }
/* Yellow only on the dark panel; on the white form the label is black for legibility. */
body.vps-brand .eyebrow,
body.vps-brand .sec-eyebrow { color: var(--vps-black) !important; }
body.vps-brand a { color: var(--vps-black); }
body.vps-brand .tabs button.on,
body.vps-brand .seg button.on {
  background: var(--vps-yellow) !important;
  color: var(--vps-black) !important;
}
/* Solo's hard-coded orange in the sign-in panel (login.css: .side .bname, .side-in h2 em). */
body.vps-brand .side .bname { color: var(--vps-yellow) !important; }
body.vps-brand .side-in h2 em { color: var(--vps-yellow) !important; }