/* ==========================================================================
   Ninova Technology · scrollbar.css
   The page scrollbar, kept quiet. A slim thumb that is a linear gradient from a
   muted slate blue to a muted grey-teal, at low opacity on a transparent track,
   so it reads as a faint line on the dark page rather than a bright bar, and
   brightens only when the pointer reaches for it. (The first version used the
   logo's full-strength blue and teal and was too loud for the eye; the owner
   asked for something subtle.) The thumb floats with a margin round it.

   WHAT SUPPORTS A GRADIENT. Only the WebKit/Blink scrollbar (Chrome, Edge,
   Safari, Opera) can paint one. Firefox's scrollbar takes a single solid colour,
   so it gets the slate blue. The two are kept apart on purpose: in Chrome 121 and
   later the standard `scrollbar-color` / `scrollbar-width` properties switch the
   ::-webkit-scrollbar rules OFF, so the standard ones are fenced to Firefox.

   WHERE IT IS LINKED. Home, About, Services, Our Team and Contact. It is
   deliberately NOT linked from the careers pages or the visiting card, which keep
   what they had. A panel that styles its own scrollbar (the contact panel in
   chat.css) keeps its own, because its rules are more specific than these.
   ========================================================================== */

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  min-height:56px;
  border:3px solid transparent;                 /* the margin round the thumb: 4px of it shows ... */
  border-radius:999px;
  background:linear-gradient(180deg,rgba(150,172,206,.40),rgba(128,176,186,.34));
  background-clip:padding-box;                  /* ... and the gradient must not paint under the margin */
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(166,188,222,.62),rgba(140,192,200,.54));background-clip:padding-box}
::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,rgba(178,198,230,.78),rgba(152,202,210,.70));background-clip:padding-box}
::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,rgba(150,172,206,.40),rgba(128,176,186,.34));background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}

/* Firefox: one solid colour is all its scrollbar can take */
@supports (-moz-appearance:none){
  *{scrollbar-width:thin;scrollbar-color:rgba(150,172,206,.45) transparent}
}