/* BadgeLocker core palette. GENERATED by tools/brand/build-tokens.mjs from libs/ui/src/styles/abstracts/tokens/_core-tokens.scss. Do not edit.
   Published at /brand/brand-tokens.css; badgelocker-site keeps a copy in assets/css/brand-tokens.css. */
:root {
  --bl-purple-100: #f0eef8;
  --bl-purple-200: #e1ddf1;
  --bl-purple-300: #c2bce4;
  --bl-purple-400: #a39bd7;
  --bl-purple-500: #847aca;
  --bl-purple-600: #6559bd;
  --bl-purple-700: #4a3d8f;
  --bl-purple-800: #352a6b;
  --bl-purple-900: #201a56;

  --bl-blue-100: #d5eaff;
  --bl-blue-200: #a9e3ff;
  --bl-blue-300: #7ed5ff;
  --bl-blue-400: #28aae1;
  --bl-blue-500: #1e8bc4;
  --bl-blue-600: #1a7bb0;
  --bl-blue-700: #156b9c;
  --bl-blue-800: #115b88;
  --bl-blue-900: #0d4b74;

  --bl-gray-50: #f8f9fa;
  --bl-gray-100: #e9ecef;
  --bl-gray-200: #e5e6e7;
  --bl-gray-300: #bbbbbc;
  --bl-gray-400: #999999;
  --bl-gray-500: #808080;
  --bl-gray-600: #6c757d;
  --bl-gray-700: #666666;
  --bl-gray-800: #4d4d4d;
  --bl-gray-850: #333333;
  --bl-gray-900: #212529;
  --bl-gray-950: #191818;

  --bl-white: #ffffff;
  --bl-black: #000000;

  /* The two brand colors: the purple of the mark and wordmark, and the blue of its center. */
  --brand-purple: var(--bl-purple-900);
  --brand-blue: var(--bl-blue-400);
}