/* Brand-Source: avanserv/brand@v0.3.2 */
/*
 * GENERATED by build/tokens.ts from chrome.css.
 * @avanserv/brand 0.3.2. Do not edit: the next build overwrites this file.
 */

@layer base {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
  }

  /*
     The track width is what a scroller pays in layout: none of them reserve a gutter, so
     every pixel here is a pixel the content shifts by the moment a scrollbar appears. The
     thumb's transparent border is what stands the visible bar off the edge, so the two
     numbers move together - 10px of track less two 2px borders is the same 6px thumb the
     14px track used to draw, for 4px less of a jump.
    */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 90px;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
    padding: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--sb-thumb);
    border-radius: 9999px;
    border: 2px solid transparent;
    background-clip: padding-box;
    /* The prefixed copies that used to sit here were dead by construction: no engine
           reads `::-webkit-scrollbar-thumb` and needs `-moz-transition` to be told about
           a transition. */
    transition: all var(--transition-duration-slow) var(--ease-standard);
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--sb-thumb-hover);
    border-width: 1px;
    border-radius: 16px;
  }

  ::-webkit-scrollbar-corner {
    background: transparent;
  }

  /*
     Themed text selection. Only the background is set, so text keeps its own colour
     and stays legible on every surface (cards, inputs, code). The highlight cannot be
     corner-rounded, no browser honors border-radius (or padding/box-shadow) on
     ::selection, so the corners stay square. Kept as two rules, not a selector group:
     a ::-moz-selection in a list invalidates the whole rule in non-Firefox engines.
    */
  ::selection {
    background-color: var(--selection-bg);
  }

  ::-moz-selection {
    background-color: var(--selection-bg);
  }
}