/* Base theme tokens the default Scalar theme reads site-wide: color, radius,
   and accent/status colors. header.css, sidebar.css, and footer.css already
   override these locally where Whatnot's design differs (the yellow header
   band, the dark footer); this file is what keeps everything else --
   including components with no Whatnot-specific CSS of our own, like the Ask
   AI chat panel -- from falling back to the default theme's own colors. */
:root {
  --scalar-color-1: #161616;
  --scalar-color-2: #525252;
  --scalar-color-3: #8d8d8d;
  --scalar-color-accent: #a88a00;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f4f4f4;
  --scalar-background-3: #e0e0e0;
  --scalar-border-color: #e0e0e0;

  --scalar-radius: 4px;
  --scalar-radius-lg: 8px;

  --scalar-button-1: #f9dc00;
  --scalar-button-1-hover: #f0d400;
  --scalar-button-1-color: #161616;

  --scalar-color-green: #009e52;
  --scalar-color-red: #ce291a;
  --scalar-color-yellow: #a88a00;
  --scalar-color-blue: #005ae1;
  --scalar-color-orange: #ef6a1f;
  --scalar-color-purple: #7346f3;
}