/* ------------------------------------------------------------------
   Cobay Desk brand theme
   Re-maps Chatwoot's --blue-* accent ramp to the Cobay cyan (hue 192,
   sampled from the logo mark: #1ACDF8).

   Chatwoot v4 expresses every accent colour as rgb(var(--blue-N)),
   so redefining the ramp here re-themes buttons, links, focus rings,
   active nav and charts without touching the compiled bundle.

   Values are space-separated RGB triplets (Radix/Tailwind convention),
   NOT hex — they are consumed as rgb(var(--blue-9)).

   Step semantics (Radix):
     1-2  app / subtle backgrounds      6-8   borders, focus ring
     3-5  component backgrounds         9-10  solid fills (white text)
                                        11-12 text on light surfaces

   Step 9 is #05819E, not the raw logo cyan: Chatwoot puts white text on
   step 9, and raw #1ACDF8 gives only 1.9:1 contrast. #05819E holds the
   same hue at 4.53:1, clearing WCAG AA.
   ------------------------------------------------------------------ */

:root,
.light {
  --blue-1: 245 253 255;
  --blue-2: 232 249 254;
  --blue-3: 211 243 253;
  --blue-4: 188 235 251;
  --blue-5: 163 225 248;
  --blue-6: 133 213 244;
  --blue-7: 95 197 238;
  --blue-8: 47 178 228;
  --blue-9: 5 129 158;
  --blue-10: 4 113 139;
  --blue-11: 4 96 119;
  --blue-12: 3 60 74;
}

.dark {
  --blue-1: 7 19 24;
  --blue-2: 10 28 35;
  --blue-3: 7 46 58;
  --blue-4: 3 61 77;
  --blue-5: 5 75 94;
  --blue-6: 10 92 114;
  --blue-7: 13 115 142;
  --blue-8: 20 150 185;
  --blue-9: 6 161 198;
  --blue-10: 7 177 218;
  --blue-11: 125 226 252;
  --blue-12: 200 243 254;
}

/* The login / signup card leads with the logo; give it room to breathe
   now that the mark is a ring rather than a wordmark. */
.auth-page-wrap img[src*="brand-assets"],
img.logo[src*="brand-assets"] {
  max-height: 56px;
  width: auto;
}