@import url("https://raw.githack.com/yoyurec/logseq-awesome-content/main/src/awesomeContent-cdn.css") only screen and (max-width: 1024px);
@import url('https://logseq.catppuccin.com/ctp-mocha.css');

:root[data-theme=light] {
  --mark-red: #ff7070;
  --mark-orange: #ffb86c;
  --mark-yellow: #fff3a3;
  --mark-green: #a3ffc4;
  --mark-teal: #b2f4e4;
  --mark-sky: #afe6fd;
  --mark-blue: #87c3ff;
  --mark-purple: #d2b3ff;
  --mark-pink: #ffb5db;
  --mark-gray: #cfcfcf;

  --mark-decoration-red: ;
  --mark-decoration-orange: ;
  --mark-decoration-yellow: ;
  --mark-decoration-green: ;
  --mark-decoration-teal: ;
  --mark-decoration-sky: ;
  --mark-decoration-blue: ;
  --mark-decoration-purple: ;
  --mark-decoration-pink: ;
  --mark-decoration-gray: ;

  --mark-text-color: ;
  --mark-decoration: ;
  --mark-thickness: ;
  --mark-border-radius: 4px;

  --span-red: #ff0000;
  --span-orange: #ff8400;
  --span-yellow: #ffdd00;
  --span-green: #00ff5b;
  --span-teal: #00f4b9;
  --span-sky: #00b2fd;
  --span-blue: #0080ff;
  --span-purple: #6800ff;
  --span-pink: #ff0083;
  --span-gray: #808080;
}

:root[data-theme=dark] {
  --mark-red: #ff7070;
  --mark-orange: #ffb86c;
  --mark-yellow: #fff3a3;
  --mark-green: #a3ffc4;
  --mark-teal: #b2f4e4;
  --mark-sky: #afe6fd;
  --mark-blue: #87c3ff;
  --mark-purple: #d2b3ff;
  --mark-pink: #ffb5db;
  --mark-gray: #cacfd9;

  --mark-decoration-red: ;
  --mark-decoration-orange: ;
  --mark-decoration-yellow: ;
  --mark-decoration-green: ;
  --mark-decoration-teal: ;
  --mark-decoration-sky: ;
  --mark-decoration-blue: ;
  --mark-decoration-purple: ;
  --mark-decoration-pink: ;
  --mark-decoration-gray: ;

  --mark-text-color: ;
  --mark-decoration: ;
  --mark-thickness: ;
  --mark-border-radius: 4px;

  --span-red: #ff0000;
  --span-orange: #ff8400;
  --span-yellow: #ffdd00;
  --span-green: #00ff5b;
  --span-teal: #00f4b9;
  --span-sky: #00b2fd;
  --span-blue: #0080ff;
  --span-purple: #6800ff;
  --span-pink: #ff0083;
  --span-gray: #808080;
}