@use 'placeholders/defaultVariables';
@use 'placeholders/darkmode';
%systemVariables{
  @extend %universalVariables;
  // Color component variables
  --errorColor:red;

  // Images
  --failCircle: url('https://s3.amazonaws.com/files.d20.io/images/318562209/I3x7bfc3_M_QcFnt8tV85Q/original.png?16710625345');
  --successCircle: url('https://s3.amazonaws.com/files.d20.io/images/318562210/oX_VbZJwiNoujxFnSVumpA/original.png?16710625345');
  --conditionIcon: url('https://s3.amazonaws.com/files.d20.io/images/318557936/fEiMDUb_UctEstYyXkKlEA/original.png?16710607145');
  --heart:url('https://s3.amazonaws.com/files.d20.io/images/303476002/EGcfkMfeF7mIRowjCyVy-w/original.png?16625716925');
  --boot:url('https://s3.amazonaws.com/files.d20.io/images/303476005/Ap6DSJSqAVUkpkEwmKazPA/original.png?16625716925');
  --bolt:url('https://s3.amazonaws.com/files.d20.io/images/303476003/7La7gESx4Th7OYnkHc4u2Q/original.png?16625716925');
  --flame:url('https://s3.amazonaws.com/files.d20.io/images/303476004/9l3GwDqA2PNTAULgIvC8EA/original.png?16625716915');
  --armor:url('https://s3.amazonaws.com/files.d20.io/images/303476001/9BHZGaCcM8H3wbj2W23zdw/original.png?16625716925');
  --skull: url('https://s3.amazonaws.com/files.d20.io/images/303477021/Vm1A4GWATnboxP65WqEW0A/original.png?16625722085');
  --borderImageSource: url(https://s3.amazonaws.com/files.d20.io/images/312349470/ovngRYPae8cWAT9W489wJw/original.png?166741640555);
  --borderImageSlice: 175 fill;
  
  --maskSize: 20px;
  --shadowSize: 0px;
  --shadowBlur: 4px;
  --shadowColor: rgb(0 0 0 / 0.2);
  --shadowColor2: rgb(0 0 0 / 0.1);

  // Fonts
  --topHeaderFont: 'Trade Winds', cursive;
  --midHeaderFont: 'IM Fell English SC';
  --contentFont: 'IM Fell English SC';
  
  --radioSize:15px;
  --columnSize:370px;

  --imgInvert: invert(0);
}