:root {
  --Blush: #e8efeb;
  --AccentColor: #176b60;
  --Ink: #142822;
  --Paper: #f5f7f6;
  --AccentInk: #176b60;
  --SecondaryInk: #52645c;
  --OnAccent: #ffffff;
  --Surface: #ffffff;
  --TableBlue: #2358a6;
  --OnTableBlue: #ffffff;
  --BlueContainer: #e8f0ff;
  --OnBlueContainer: #173e78;
  --BallOrange: #a34208;
  --OnBallOrange: #ffffff;
  --OrangeContainer: #fff0df;
  --OnOrangeContainer: #7a3309;
  --Outline: #6c7d75;
  --RuleLine: #d5ded8;
  --TableSurface: #184c8f;
  --OnTableSurface: #ffffff;
  --BallMarker: #ffad66;
  --OnBallMarker: #301a09;
  --VideoWell: #0b1411;
  --OnVideoWell: #ffffff;
  --ErrorInk: #b3261e;
  --OnError: #ffffff;
  --ErrorContainer: #fceae8;
}

[data-theme="dark"] {
  --Blush: #1b2b26;
  --AccentColor: #72c9b8;
  --Ink: #edf5f0;
  --Paper: #101c19;
  --AccentInk: #72c9b8;
  --SecondaryInk: #b2c3ba;
  --OnAccent: #10251f;
  --Surface: #182722;
  --TableBlue: #9dc2ff;
  --OnTableBlue: #10243f;
  --BlueContainer: #182f4b;
  --OnBlueContainer: #dce9ff;
  --BallOrange: #ffad66;
  --OnBallOrange: #301a09;
  --OrangeContainer: #3b2818;
  --OnOrangeContainer: #ffddbb;
  --Outline: #839b8e;
  --RuleLine: #34483e;
  --TableSurface: #184c8f;
  --OnTableSurface: #ffffff;
  --BallMarker: #ffad66;
  --OnBallMarker: #301a09;
  --VideoWell: #0b1411;
  --OnVideoWell: #ffffff;
  --ErrorInk: #ffb4ab;
  --OnError: #601410;
  --ErrorContainer: #461b18;
}