/* Radix Colors 3.0.0 dark sRGB scales, vendored as shared design tokens. */
:root {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
  --slate-a1: #00000000;
  --slate-a2: #d8f4f609;
  --slate-a3: #ddeaf814;
  --slate-a4: #d3edf81d;
  --slate-a5: #d9edfe25;
  --slate-a6: #d6ebfd30;
  --slate-a7: #d9edff40;
  --slate-a8: #d9edff5d;
  --slate-a9: #dfebfd6d;
  --slate-a10: #e5edfd7b;
  --slate-a11: #f1f7feb5;
  --slate-a12: #fcfdffef;

  --jade-1: #0d1512;
  --jade-2: #121c18;
  --jade-3: #0f2e22;
  --jade-4: #0b3b2c;
  --jade-5: #114837;
  --jade-6: #1b5745;
  --jade-7: #246854;
  --jade-8: #2a7e68;
  --jade-9: #29a383;
  --jade-10: #27b08b;
  --jade-11: #1fd8a4;
  --jade-12: #adf0d4;
  --jade-a1: #00de4505;
  --jade-a2: #27fba60c;
  --jade-a3: #02f99920;
  --jade-a4: #00ffaa2d;
  --jade-a5: #11ffb63b;
  --jade-a6: #34ffc24b;
  --jade-a7: #45fdc75e;
  --jade-a8: #48ffcf75;
  --jade-a9: #38feca9d;
  --jade-a10: #31fec7ab;
  --jade-a11: #21fec0d6;
  --jade-a12: #b8ffe1ef;

  --red-1: #191111;
  --red-2: #201314;
  --red-3: #3b1219;
  --red-4: #500f1c;
  --red-5: #611623;
  --red-6: #72232d;
  --red-7: #8c333a;
  --red-8: #b54548;
  --red-9: #e5484d;
  --red-10: #ec5d5e;
  --red-11: #ff9592;
  --red-12: #ffd1d9;
  --red-a1: #f4121209;
  --red-a2: #f22f3e11;
  --red-a3: #ff173f2d;
  --red-a4: #fe0a3b44;
  --red-a5: #ff204756;
  --red-a6: #ff3e5668;
  --red-a7: #ff536184;
  --red-a8: #ff5d61b0;
  --red-a9: #fe4e54e4;
  --red-a10: #ff6465eb;
  --red-a11: #ff9592;
  --red-a12: #ffd1d9;

  --black-a1: rgba(0, 0, 0, .05);
  --black-a2: rgba(0, 0, 0, .1);
  --black-a3: rgba(0, 0, 0, .15);
  --black-a4: rgba(0, 0, 0, .2);
  --black-a5: rgba(0, 0, 0, .3);
  --black-a6: rgba(0, 0, 0, .4);
  --black-a7: rgba(0, 0, 0, .5);
  --black-a8: rgba(0, 0, 0, .6);
  --black-a9: rgba(0, 0, 0, .7);
  --black-a10: rgba(0, 0, 0, .8);
  --black-a11: rgba(0, 0, 0, .9);
  --black-a12: rgba(0, 0, 0, .95);
  --white-a1: rgba(255, 255, 255, .05);
  --white-a2: rgba(255, 255, 255, .1);
  --white-a3: rgba(255, 255, 255, .15);
  --white-a4: rgba(255, 255, 255, .2);
  --white-a5: rgba(255, 255, 255, .3);
  --white-a6: rgba(255, 255, 255, .4);
  --white-a7: rgba(255, 255, 255, .5);
  --white-a8: rgba(255, 255, 255, .6);
  --white-a9: rgba(255, 255, 255, .7);
  --white-a10: rgba(255, 255, 255, .8);
  --white-a11: rgba(255, 255, 255, .9);
  --white-a12: rgba(255, 255, 255, .95);

  /* Shared monochrome asset tokens. The chevron stroke is Radix Slate 11. */
  --select-chevron-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b0b4ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}