src/styles/radix/light.css
/* Generated by https://www.radix-ui.com/colors/custom */
:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feeaea;
  --red-4: #fdd;
  --red-5: #ffcfd0;
  --red-6: #f9bfc1;
  --red-7: #f0acae;
  --red-8: #e69396;
  --red-9: #be123c;
  --red-10: #ad002f;
  --red-11: #cb2546;
  --red-12: #651723;

  --red-a1: #ff000003;
  --red-a2: #ff000008;
  --red-a3: #f3000015;
  --red-a4: #ff000022;
  --red-a5: #ff000630;
  --red-a6: #e8000840;
  --red-a7: #d1000753;
  --red-a8: #c400086c;
  --red-a9: #b9002ded;
  --red-a10: #ad002f;
  --red-a11: #c20027da;
  --red-a12: #56000de8;

  --red-contrast: #fff;
  --red-surface: #fff5f5cc;
  --red-indicator: #be123c;
  --red-track: #be123c;
}

:root, .light, .light-theme {
  --gray-1: #fcfcfc;
  --gray-2: #f9f9f9;
  --gray-3: #f0f0f0;
  --gray-4: #e8e8e8;
  --gray-5: #e1e1e1;
  --gray-6: #d9d9d9;
  --gray-7: #cecece;
  --gray-8: #bbb;
  --gray-9: #8c8c8c;
  --gray-10: #828282;
  --gray-11: #646464;
  --gray-12: #1f1f1f;

  --gray-a1: #00000003;
  --gray-a2: #00000006;
  --gray-a3: #0000000f;
  --gray-a4: #00000017;
  --gray-a5: #0000001e;
  --gray-a6: #00000026;
  --gray-a7: #00000031;
  --gray-a8: #00000044;
  --gray-a9: #00000073;
  --gray-a10: #0000007d;
  --gray-a11: #0000009b;
  --gray-a12: #000000e0;

  --gray-contrast: #FFFFFF;
  --gray-surface: #ffffffcc;
  --gray-indicator: #8c8c8c;
  --gray-track: #8c8c8c;
}

:root, .light, .light-theme, .radix-themes {
  --color-background: #fff;
}
