/* Dracman AI Server — brand overrides (injected into cloudcli index.html) */
:root {
  --primary: 218 92% 49%;
  --primary-foreground: 0 0% 100%;
  --ring: 218 92% 49%;
  --nav-input-focus-ring: 218 92% 49% / .22;
  --nav-tab-ring: 218 92% 49% / .15;
  --nav-float-ring: 218 40% 60% / .5;
}
.dark {
  --primary: 214 100% 60%;
  --primary-foreground: 0 0% 100%;
  --ring: 214 100% 60%;
  --nav-input-focus-ring: 214 100% 60% / .25;
  --nav-tab-ring: 214 100% 60% / .18;
}

/* Login / loading screen.
   Stock markup wraps the logo in a 64px blue gradient tile (`h-16 w-16
   rounded-2xl bg-gradient-to-br from-primary`) with the image forced to 36px.
   /logo.svg is the full "Dracman AI Server" lockup, so strip the tile and let
   the wordmark render at a readable width. */
div:has(> img[src^="/logo.svg"]) {
  background: none !important;
  box-shadow: none !important;
  --tw-ring-color: transparent !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
img[src^="/logo.svg"] {
  width: auto !important;
  height: auto !important;
  max-width: min(300px, 72vw) !important;
}
/* the loading screen repeats the brand name as an <h1> right below the logo */
div:has(> div > img[src^="/logo.svg"]) + h1[class*="text-2xl"] {
  display: none !important;
}