/* CloudStaff AI OS installation-only branding overlay. */
:root {
  --primary: 202 92% 40%;
  --primary-foreground: 0 0% 100%;
  --ring: 199 94% 48%;
  --accent: 200 100% 96%;
  --accent-foreground: 204 88% 30%;
  --portal-nav-bg: #075a9c;
  --portal-nav-bg-hover: #086fb9;
  --portal-nav-bg-active: #0a80ca;
  --portal-nav-accent: #7dd3fc;
  --portal-top-text: #075a9c;
}

.dark {
  --primary: 198 91% 56%;
  --primary-foreground: 205 92% 16%;
  --ring: 198 91% 56%;
  --accent: 204 57% 20%;
  --accent-foreground: 198 100% 91%;
  --portal-nav-bg: #064b82;
  --portal-nav-bg-hover: #075f9f;
  --portal-nav-bg-active: #087fc4;
  --portal-nav-accent: #8ad7fb;
  --portal-top-text: #8ad7fb;
}

::selection {
  background: rgb(125 211 252 / 0.45);
  color: #063c67;
}

[class~="bg-[#0c385e]"] { background-color: var(--portal-nav-bg) !important; }
[class~="bg-[#144e85]"] { background-color: var(--portal-nav-bg-active) !important; }
[class~="hover:bg-[#0f4577]"]:hover,
[class~="hover:bg-[#1a6b9c]"]:hover { background-color: var(--portal-nav-bg-hover) !important; }
[class~="text-[#0c385e]"],
[class~="text-[#144e85]"] { color: var(--portal-top-text) !important; }
[class~="text-[#50bbf0]"] { color: var(--portal-nav-accent) !important; }
[class~="border-[#50bbf0]"] { border-color: var(--portal-nav-accent) !important; }
.site-brand__mark img { display: block; width: 2rem; height: 2rem; object-fit: contain; }