:root {
  --radius: 0.5rem;
  --buy: rgb(15, 175, 88);
  --sell: rgb(254, 50, 50);
  --on-buy: rgb(255, 255, 255);
  --on-sell: rgb(255, 255, 255);
  --surface: rgb(255, 255, 255);
  --surface-dim: rgb(245, 245, 246);
  --surface-bright: rgb(247, 247, 248);
  --surface-container: rgb(241, 241, 245);
  --surface-container-high: rgb(236, 236, 241);
  --surface-container-highest: rgb(230, 230, 235);
  --on-surface: rgb(14, 12, 18);
  --on-surface-variant: rgb(137, 136, 142);
  --on-surface-accent: rgb(153, 102, 255);
  --outline: rgb(202, 200, 207);
  --outline-variant: rgb(230, 228, 232);
  --primary: rgb(153, 102, 255);
  --on-primary: rgb(255, 255, 255);
  --primary-container: rgb(238, 227, 255);
  --on-primary-container: rgb(68, 46, 112);
  --secondary: rgb(224, 224, 229);
  --on-secondary: rgb(14, 12, 18);
  --secondary-container: rgb(233, 222, 248);
  --on-secondary-container: rgb(30, 24, 43);
  --error: rgb(247, 43, 43);
  --on-error: rgb(255, 250, 250);
  --error-container: rgb(255, 236, 236);
  --on-error-container: rgb(102, 11, 11);
  --success: rgb(26, 184, 70);
  --on-success: rgb(245, 254, 249);
  --success-container: rgb(231, 249, 236);
  --on-success-container: rgb(23, 54, 22);
  --warning: rgb(248, 149, 0);
  --on-warning: rgb(254, 248, 228);
  --warning-container: rgb(255, 247, 219);
  --on-warning-container: rgb(61, 44, 18);
  --info: rgb(48, 126, 243);
  --on-info: rgb(255, 255, 255);
  --info-container: rgb(239, 245, 254);
  --on-info-container: rgb(32, 45, 66);
  --scrim: rgb(14, 12, 18);
}
html.dark {
  --surface: rgb(21, 20, 25);
  --surface-dim: rgb(32, 31, 35);
  --surface-bright: rgb(30, 29, 33);
  --surface-container: rgb(38, 36, 41);
  --surface-container-high: rgb(46, 44, 49);
  --surface-container-highest: rgb(51, 49, 55);
  --on-surface: rgb(255, 255, 255);
  --on-surface-variant: rgb(140, 139, 145);
  --on-surface-accent: rgb(154, 106, 251);
  --outline: rgb(75, 75, 82);
  --outline-variant: rgb(49, 47, 54);
  --primary: rgb(154, 106, 251);
  --on-primary: rgb(255, 255, 255);
  --primary-container: rgb(50, 42, 76);
  --on-primary-container: rgb(154, 106, 251);
  --secondary: rgb(68, 67, 80);
  --on-secondary: rgb(255, 255, 255);
  --secondary-container: rgb(58, 46, 82);
  --on-secondary-container: rgb(255, 255, 255);
  --error: rgb(250, 76, 76);
  --on-error: rgb(255, 255, 255);
  --error-container: rgb(66, 0, 0);
  --on-error-container: rgb(255, 255, 255);
  --success: rgb(0, 195, 121);
  --on-success: rgb(255, 255, 255);
  --success-container: rgb(3, 44, 28);
  --on-success-container: rgb(255, 255, 255);
  --warning: rgb(243, 140, 68);
  --on-warning: rgb(255, 255, 255);
  --warning-container: rgb(54, 24, 3);
  --on-warning-container: rgb(255, 255, 255);
  --info: rgb(56, 145, 240);
  --on-info: rgb(255, 255, 255);
  --info-container: rgb(0, 24, 51);
  --on-info-container: rgb(255, 255, 255);
  --scrim: rgb(14, 12, 18);
}